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