Firefox 中的 jScrollPane - 拖动器填充整个栏并且不滚动
我的 jScrollPane（分区）在 IE 和 Chrome 中运行良好。 我还运行JQuery MouseScroll 和hoverintent 可能具有一定的意义。同样，这些函数在 IE 和 Chrome 中运行良好。
该分区在 Firefox 中可以正确显示，垂直滚动条也是如此。大约有 50 行需要向下滚动。
在 Firefox 中，拖动器填充垂直条的整个长度并且不移动。拖动器和箭头确实对鼠标悬停做出响应，但功能不起作用。
也许滚动操作是有效的，只是没有滚动空间，因为拖动器填充了整个区域。我不确定我的 jScrollPane 在 Opera 或 Safari 中是否有效。
我查了一下谷歌，发现几乎没有直接相关的建议，只是为了：
“确保分区指定了高度（确实如此），并尝试刷新（运气不好），以防内容（仅文本）需要预加载。”
我想知道在我发布任何代码之前是否有人可以建议我根据他们以前的经验进行任何检查。
这只是用 jScrollPane & 标记的第二个问题。 Firefox，所以也许没有人会熟悉这个“bug”。在这种情况下，我将创建并发布一些简化的代码，这些代码会在 Firefox 中生成此错误，但不会在 IE 或 Chrome 中生成。
更新：我创建了一个“测试”滚动条网页来查看该错误是否会被复制，并且效果很好 - 因此无需发布该网页进行错误检查。
问题一定出在我正在处理的网站上的代码中的某个地方。
到目前为止，我已经确定所有 JavaScript 都可以工作，并且我的自定义 jScrollPane CSS 也很好。所以现在只是通过每个样式表进行消除的过程。我有一种感觉，错误的根源可能是在我的自定义重置 CSS 中。
我相信我会修复这个错误，并会让大家知道。
My jScrollPane (division) works well in IE and Chrome. It may be of some significance that I am also running JQuery MouseScroll and hoverintent. Again, these functions work fine in IE and Chrome.
The division is displayed properly in Firefox, as is the vertical scrollbar. There's about 50 lines to scroll down through.
In Firefox, the dragger fills the entire length of the vertical bar and doesn't move. The dragger and the arrows do respond to mouseover, but the functions don't work.
Perhaps the scrolling action is functional, just that there is no space to scroll, because the dragger fills the entire region. I am unsure whether my jScrollPane works or doesn't in Opera or Safari.
I checked Google and found little directly associated advice, just to:
"Ensure that the division has a height specified (it does) and to try refreshing (no luck) in case the content (only text) needs to pre-load."
I wonder whether anyone can suggest any checks for me to make from their previous experience before I post any code to wade through.
This is only the second question tagged with jScrollPane & Firefox, so perhaps no-one will be familiar with this 'bug'. In which case I will create and post some reduced code which generates this bug in Firefox but not IE or Chrome.
Update: I created a 'test' scrollbar webpage to see if the bug would be replicated, and that works fine - so no need to post that for error-checking.
The problem must lie somewhere within my code on the site I'm working on.
So far I have identified that all the JavaScripts work and my custom jScrollPane CSS is fine. So it's just a process of elimination through each of the stylesheets now. I have a feeling the source of the bug may be in my custom reset CSS.
I'm confident I'll fix the bug, and will let you folks know either way.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
正如怀疑的那样，该错误存在于 CSS 重置中。具体来说，使用列计数规则。
我已将它们（moz-/wekbit-/column-count）定义为“1”，而不是定义为“auto”/根本不定义它。
这是我尝试使用（CSS3）多列文本时的结果。据推测 jScrollPane 需要多列。 IMO 还没有足够的支持来支持值得实施的多列文本。
The bug was in the CSS reset as suspected. Specifically, with the rule for column-count.
I had defined them (moz-/wekbit-/column-count) as '1' instead of the defining as 'auto' / not defining it at all.
This was from when I was experimenting with (CSS3) multi-column text. Presumably jScrollPane requires multiple columns. Not enough support yet for multi-column text to be worth implementing yet IMO.