Question

当我用“mousescrolling”滚动（水平）内容时，我看到奇怪的效果： - 我在可分区内有一个奇怪的LI重新排序 - 当我到达可滚动区域的末尾时，滚动不会停止

LI具有固定的宽度和高度，并且向左浮动以填充可滚动区域。

这是我的“生成”代码：

<div class="scrollingHotSpotLeft scrollingHotSpotLeftVisible">
  </div>
  <div class="scrollingHotSpotRight scrollingHotSpotRightVisible">
  </div>
  <div class="scrollWrapper">
    <div class="scrollableArea" style="width: 1630px;">
      <ul id="divul">
        <li id="divli">
            something
        </li>
        <li id="divli">
            something
        </li>
        <li id="divli">
            something
        </li>
        <li id="divli">
            something
        </li>
        <li id="divli">
            something
        </li>
        <li id="divli">
            something
        </li>            
      </ul>
    </div>
  </div>

这是jquery

jQuery("ul#divul").smoothDivScroll({
    mousewheelScrolling: "allDirections",
    countOnlyClass: "li#divli",
    visibleHotSpotBackgrounds: "always",
    manualContinuousScrolling: false,
    autoScrollingMode: ""
});

在这个jsfiddle http://jsfiddle.net/simbus82/r37LN/中你可以看到，经过一些滚动后，我看到6旁边的1.这里我不能解决我在我网站上的问题，但知道如何停止可能会很好这种“无限”的滚动。

感谢！

Answer 1

我查了一下smoothdivscroll jQuery插件的源代码，现在没有选择。如果你想要，你可以自己编辑源代码：

$.widget("thomaskahn.smoothDivScroll", {
    // Default options
    options: {
        ...
        continuousScrollingEnabled: true // By default it is true now
    },
    ...
    // line 1218
    _checkContinuousSwapRight: function () {
        var el = this.element, o = this.options;
        if (!o.continuousScrollingEnabled) return; // disable swapping
        ...
    },
    // line 1253
    _checkContinuousSwapLeft: function () {
        var el = this.element, o = this.options;
        if (!o.continuousScrollingEnabled) return; // disable swapping
        ...
    },
    ...
}

我没有测试它，它只是草案而没有保修。也许你应该找到另一个旋转木马插件。

奇怪的Smooth-div-scroll行为：随着mousescrolling发生了scrollableArea内的LI的随机重新排序

1 个答案: