奇怪的Smooth-div滚动行为：滚动区域内的LI的随机重新排序发生在mousescrolling

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 
     ... 
    }, 
    ... 
} 

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