jScrollPane：在Webkit中拖动jspDrag位时水平滚动条左移答案

【问题标题】：jScrollPane: horizontal scrollbar shifts left when dragging the jspDrag bit in WebkitjScrollPane：在Webkit中拖动jspDrag位时水平滚动条左移
【发布时间】：2013-01-31 21:58:05
【问题描述】：

在将水平滚动条与锚标记结合使用时，我遇到了一个特定于 Webkit 的问题。此处显示了该问题的一个示例：http://www.splinterarchitecten.nl/wonen-combinatie/

请采取以下步骤：

使用 Chrome（我使用的是 24.0.1312.57 版本）或 Safari (5.1.7) 转到给定地址。
使用滚动条滚动到前三个之外的图像。
点击该图片。
点击右下角的“overzicht”链接。
这会将您返回到概览，单击的图像在左侧（锚标记功能）。
抓住滚动条拖动位并将其向左移动。
整个滚动条消失在左侧徽标的后面。
刷新页面，滚动条自动运行。

CSS 包含在 javascript 之前。我试过'autoReinitialise：true'，没有区别。我现在使用以下代码：

if ( window.location.hash ) {
    api.scrollToElement( $j( window.location.hash ), 1 );
}

这似乎对某些人有所帮助（至少滚动条最初显示在适当的位置），但拖动问题仍然存在。任何帮助将不胜感激。

亲切的问候，

薇薇安

【问题讨论】：

刚刚在 Chrome 25.0.1364.152 中对此进行了测试，没有任何问题。 Safari 5.1.2 中也没有。
在 Chrome 25.0.1364.160 中测试没有问题。
26.0.1384.2 没问题。无法重现（我经常和我的 QA 团队一起使用 - ~devillish grin~）
我仍然看到问题，即使使用 Chrome 25.0.1364.160。虽然我必须承认我不得不重复第 2 步到第 6 步以使其不稳定（滚动条第一次表现良好）。
在 Mac OSx 10.7.5 上使用 Chrome 25.0.1364.172 测试，没问题。在 Safari 6.0.2 (7536.26.17) 上，我可以重现该问题。

标签： jquery google-chrome safari webkit jscrollpane

【解决方案1】：

解决方法

我一直在玩你的滚动条，我唯一得到的是滚动条的位置奇怪地似乎取决于你的jspPane 的滚动。不知道为什么。

无论如何，如果您可以控制jsscrollpane 初始化窗格的方式，似乎如果您移动jspHorizontalBar 使其成为tiascrollpanehor 的直接子代：

<div id="tiascrollpanehor" class="scroll-pane jspScrollable" style="overflow: hidden; padding: 0px; width: 525px; " tabindex="0"> 
    <div class="jspHorizontalBar">
    <div class="jspContainer" style="width: 525px; height: 439px; ">
    ....

它可以很好地定位自己但不是用户可控制的。要解决这个问题，请添加

.jspHorizontalBar{
    ...
    z-index:2;
}

我仍然无法解释为什么它会这样，但我希望这会为你修复这个错误（因为我无法在页面呈现之前修改 CSS 和 HTML 结构）。

【讨论】：