iScroll의 가로 스크롤 문제 - CSS 문제입니까?

Question

나는 this page에 대한 가로 스크롤을 생성하기 위해 iScroll 5을 사용하고 있지만, 수평 스크롤이 끊임없이 초기 위치로 되돌아 가지 않으면 작동하지 않을 수 있습니다.

가로 스크롤이 효과적 일 때 (예 : 슬라이드가 페이지 전체가 아닌 적절한 라인에 있음) 스크롤 할 수 없게됩니다. 끌어서 놓기 만하면 슬라이더가 다시 그것은 시작되었다.

초기화 :

<script type="text/javascript"> 
    var myScroll; 
    var myScrollTwo; 
    function loaded() { 
     myScroll = new IScroll('.barkivesslider', { scrollX: true, scrollY: false, momentum: false, snap: true, mouseWheel: true }); 
     myScrollTwo = new IScroll('.quickiesslider', { scrollX: true, scrollY: false, momentum: false, snap: true, mouseWheel: true }); 
    } 
</script> 

HTML :

<section class="quickiesslider"> 
    <ul class="wrapper slider"> 
     <li class="slide"> 
      <a href="#"><img src="img/thumbs/quickies/1982.png" /></a> 
      <span>1982</span> 
     </li> 
     <li class="slide"> 
      <a href="#"><img src="img/thumbs/quickies/1985a.png" /></a> 
      <span>1985</span> 
     </li> 

     (etc) 

    </ul> 
</section> 

관련 CSS : 나는 지난 몇 밤 극복 한 수면의 분 양을 감안할 때

.slider { 
    width: 100%; 
    height: 240px !important; 
    list-style:none; 
} 

.slide { 
    display:block; 
    width: auto; 
    height: 100%; 
    float: left; 
    padding-right: 20px; 
} 

.slide span { 
    float: left; 
    margin-top: 5px; 
    display: block; 
    position: absolute; 
} 

, 내가 ' 나는 내가 간과하고있는 명백한 문제가 있음을 짐작한다. 어떤 아이디어? 감사!

Answer 1

결국이 방법을 알아 냈습니다. 간단한 수정이었습니다.

.slider를 "width : 100 %"에서 슬라이드를 수용 할만큼 충분히 큰 고정 값으로 변경 한 다음 true 대신 "snap : false"로 초기화했습니다.