Jquery jScrollPane v2.0.0（beta11）谷歌浏览器中的奇怪行为

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

我已经设置了一些测试页面来演示该案例：

正如你所看到的，我有一个UL列表，里面有LI项。每个项目都由带有标题的文本框和其他两个框的容器组成。容器的位置设置为“相对”，两个箱子以位置绝对坐标和特定坐标相互堆叠。在现实生活场景中，大框是一张图片，小框是一个按钮，与此图片中的特定动作相链接

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

看起来我们这里的jScrollPane有一个bug，所以我想让它的作者们注意到，这样他们就可以修复它，让这个伟大的插件更棒=）

我的问题是——如何在消除这个问题的同时保持这个布局的外观和功能？也许你可以建议一种方法来改变我的布局，使它不再基于位置-绝对/相对

---

任何帮助都将不胜感激，谢谢

感谢简化的测试用例清楚地显示了问题：）

这是一个多么奇怪的问题啊！我不确定浏览器渲染引擎中发生了什么导致它，但我认为我有一个解决方案。我在Chrome开发者工具中为

.Title

（第72行左右）添加了

position:relative

，这似乎解决了问题

---

让我知道它是否对您有效…

谢谢您，开尔文，它有效！我不知道我怎么能一个人解决这个问题。我只是让整个LI元素相对定位-如此简单。我建议找到问题的根源，或者至少将此示例添加到文档中，这样其他人也可以从我们的发现中受益）