我正在使用 jQuery 和 jScrollPane 在我的网站上创建带有自定义滚动条的可滚动部分。我遇到了一些我自己无法解决的问题。
我设置了一些测试页面来演示案例:http://bs-dev.ru/jscrollpane-test/
如您所见，我有一个包含 LI 元素的 UL 列表。每个元素都包含带有标题的文本框和其他两个框的容器。容器的位置设置为相对位置，两个盒子以绝对位置和特定坐标相互堆叠。在现实场景中，大方框是一张图片，小方框是一个链接到带有这张图片的特定操作的按钮。
在 Google Chrome 中，当您使用鼠标滚轮将 Pane 滚动到底部时 - 容器会向上移动并越过标题框，这在任何方面都是不需要的。
看起来我们这里有一个 jScrollPane 的错误，所以我希望它的作者被注意到，这样他们就可以修复它并使这个很棒的插件更加棒 = )
我的问题是 - 如何在保留此布局的外观和功能的同时解决此问题？也许你可以建议一种方法来改变我的布局，这样它就不再基于位置 - 绝对/相对。
非常感谢任何帮助，谢谢!
最佳答案
感谢简化的测试用例清楚地显示了问题:)
这是一个多么奇怪的问题!我不确定浏览器渲染引擎中发生了什么导致它，但我想我有一个解决方案。我在 Chrome 开发者工具中将 position: relative 添加到 .Title 的 CSS 规则(第 72 行左右)，这似乎解决了问题。
让我知道它是否适合你...
关于jquery - jScrollPane v2.0.0 (beta11) 谷歌浏览器中的奇怪行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8203923/