我正在使用jQuery和jScrollPane通过自定义滚动条在我的网站上创建可滚动部分。我遇到了一个我自己无法解决的问题。

我已经设置了一些测试页来演示这种情况:http://bs-dev.ru/jscrollpane-test/

如您所见,我有一个带有LI项目的UL清单。每个项目都由带有标题的文本框和另外两个框的容器组成。容器的位置设置为相对,两个箱子相互堆叠在一起,并具有绝对坐标和特定坐标。在现实情况中,大框是图片,小框是与该图片的特定操作链接的按钮。

在Google Chrome浏览器中,当您使用鼠标滚轮将窗格滚动到底部时,容器会向上移动并越过标题框,而这在任何情况下都是不需要的。

看起来我们这里的jScrollPane有一个错误,所以我希望引起作者的注意,以便他们可以修复它并使这个出色的插件更加出色=)

我的问题是-我如何才能保留这种布局的外观和功能,同时消除这一问题?也许您可以建议一种方法来更改我的布局,从而不再基于位置-绝对/相对。

任何帮助将不胜感激,谢谢!

最佳答案

感谢减少的测试案例,清楚地显示了问题:)

这是一个奇怪的问题!我不确定浏览器渲染引擎中正在发生什么导致它,但我认为我有解决方案。我在Chrome开发人员工具的position: relative的CSS规则(第72行左右)中添加了.Title,这似乎可以解决问题。

请让我知道这对你有没有用...

关于jquery - jScrollPane v2.0.0(beta11)在Google Chrome浏览器中的奇怪行为,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8203923/

10-12 22:23