Haben Karussell iScroll innerhalb einer vorhandenen vertikalen iScroll
Ich bin Probleme mit der Umsetzung Karussell im inneren eine vertikale
iScroll. Da das Karussell ist der horizontale Bildlauf und iScroll ist
vertikales scrollen, seine verursacht eine Störung, die in das Karussell Schriftrollen
vertikale, auch wenn ich es deaktiviert.
Ich habe versucht, trennen die beiden Wrapper (dh....,...), aber das problem ist immer noch da.
Kann mir jemand sagen, wie man dieses Problem lösen.
(Ich bin neu in Javascript, also so eine Art von Beispiel wäre toll)
Hier ist mein script:
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);
und mein 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">← 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 →</div>
</div><!--end myWipe-->
</ul>
</div><!--end #scroller1-->
</div><!--end #wrapper1-->
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hier gehen Sie...
http://jsfiddle.net/manseuk/r9VL2/2/
Einer horizontalen Karussell im inneren eine vertikale scrollen.
Versuchen Sie, Ihre myWipe die außerhalb der ungeordneten Liste.
Wenn Sie nach multi-direktional scrolling können Sie versuchen, Motus.js aus.
*Disclaimer: ich habe mit der Bibliothek.