이상한 Smooth-div-scroll 동작 : 스크롤 가능 영역 내에서 LI의 무작위 순서 변경이 발생합니다.

Question

"mousescrolling"으로 내용을 스크롤 (가로 방향)하면 이상한 효과가 나타납니다 : - 내가 가지고있는 이상한 재정렬 scollable Area - 스크롤 할 수있는 영역의 끝에 도달 할 때 스크롤이 멈추지 않습니다.

LI는 고정 너비와 높이를 가지며 스크롤 가능 영역을 채우기 위해 왼쪽으로 유동됩니다. 이것은 내 "생성"코드

: 내가 6 다음 다음 1. 볼

<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> 

및 일부 스크롤 한 후 것을 볼 수 있습니다 http://jsfiddle.net/simbus82/r37LN/이 jsfiddle에서이 JQuery와

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

전 내 사이트에있는 문제를 재현 할 수는 없지만이 "무한"스크롤을 중지하는 방법을 알고 있으면 좋을 것입니다.

감사합니다.

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

나는 그것을 테스트하지 않은, 그냥 아무 보증 초안된다. 어쩌면 다른 회전식 플러그인을 찾아야 할 것입니다.