6

将水平滚动条与锚标记结合使用时，我遇到了一个特定于 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 );
}

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

亲切的问候，

薇薇安

4

1 回答 1

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

于 2013-03-15T11:51:12.303 回答