У вас есть карусель iScroll внутри существующего вертикального iScroll

У меня возникли проблемы с реализацией карусели внутри вертикали iScroll. Так как карусель имеет горизонтальную прокрутку, а iScroll - это вертикальная прокрутка, что приводит к сбою в том, что карусель прокручивает вертикально, даже если я отключил его.У вас есть карусель iScroll внутри существующего вертикального iScroll

Я попытался разделить две обертки (то есть ...., ...), но проблема все еще там. Может кто-нибудь сказать мне, как это решить.

(Я новичок в Javascript, поэтому какой-то пример было бы здорово)

Вот мой сценарий:

var myScroll, myWipe; 
function loaded() { 
       myScroll = new iScroll('wrapper1'); 
       myWipe = new iScroll('wrapper2', { 
       snap: true, 
       momentum: false, 
       vscroll: false, 
       hscroll: true, 
       lockDirection: true, 
       hScrollbar: false, 
       onScrollEnd: function() { 
         document.querySelector('#indicator > li.carouselSelect').className 
= ''; 
         document.querySelector('#indicator > li:nth-child(' + 
(this.currPageX+1) + ')').className = 'carouselSelect'; 
       } 
     }); 
     }; 

window.addEventListener('load', loaded, false);

и мой HTML:

<div id="wrapper1"> 
<div id="scroller1"> 
     <ul class="table-view table-action "> 
       <li></li> 
       <li></li> 

<!--myWipe--> 
<div id="wrapper2"> 
     <div id="scroller2"> 
       <ul> 
        <li></li> 
        <li></li> 
        <li></li> 
       </ul> 
     </div> 
</div> 

<div id="nav"> 
     <div id="prev" onclick="myWipe.scrollToPage('prev', 0);return 
false">&larr; prev</div> 
     <ul id="indicator"> 
       <li class="carouselSelect">1</li> 
       <li>2</li> 
       <li>3</li> 
     </ul> 
     <div id="next" onclick="myWipe.scrollToPage('next', 0);return 
false">next &rarr;</div> 
</div><!--end myWipe--> 
</ul> 
</div><!--end #scroller1--> 
</div><!--end #wrapper1-->

источник

2012-02-06 Anonymous