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

Question

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

请采取以下步骤：

1. 使用Chrome（我使用的是版本24.0.1312.57）或Safari（5.1.7）转到指定的地址。
2. 使用滚动条滚动到前三个图像之外的图像。
3. 点击该图片。
4. 点击右下角的“overzicht”链接。
5. 这将返回到概览，左侧点击的图像（锚标记功能）。
6. 抓住滚动条拖动位并将其向左移动。
7. 整个滚动条消失在左侧徽标后面。
8. 刷新页面，滚动条表现自己。

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

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

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

亲切的问候，

利德

Answer 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结构）。