jScrollPane：在拖動Webkit中的jspDrag位時向左移動水平滾動條

將水平滾動條與錨標記結合使用時，我遇到了Webkit特定的問題。該問題的一個示例如下所示：http://www.splinterarchitecten.nl/wonen-combinatie/jScrollPane：在拖動Webkit中的jspDrag位時向左移動水平滾動條

請採取以下步驟：

使用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); 
}

這似乎幫助一些（至少滾動條顯示在其最初適當的位置），但與拖曳的問題依然存在。任何幫助將不勝感激。

親切的問候，

利德

來源

2013-01-31 Vivienne

剛剛在Chrome 25.0.1364.152中測試過，沒有任何問題。在Safari 5.1.2中也沒有。 –

在Chrome 25.0.1364.160中測試沒有問題。 – Clayton

26.0.1384.2沒問題。無法重現（我經常與我的QA團隊一起使用 - 〜惡魔般的笑容〜） – 2013-03-11 22:01:44

解決方法

我一直在玩你的滾動條，而我得到的唯一的事情就是滾動條的定位古怪，似乎取決於您的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; 
}

我仍然無法解釋爲什麼它的行爲這樣的，但我希望這將解決你這個bug（因爲我不能頁面渲染之前修改CSS和HTML的結構）。

來源

2013-03-15 11:51:12 Bigood

jScrollPane：在拖動Webkit中的jspDrag位時向左移動水平滾動條

回答

相關問題