Javascript 在现有垂直iScroll内设置转盘iScroll
我在垂直通道内执行旋转木马时遇到问题 是的。因为转盘是水平滚动的,而iScroll是 垂直滚动,这会导致旋转木马滚动时出现故障 垂直,即使我禁用了它 我试着把两个包装纸分开,但问题仍然存在。 有人能告诉我怎么解决这个问题吗 (我不熟悉Javascript,所以最好举个例子) 这是我的剧本:Javascript 在现有垂直iScroll内设置转盘iScroll,javascript,iscroll4,Javascript,Iscroll4,我在垂直通道内执行旋转木马时遇到问题 是的。因为转盘是水平滚动的,而iScroll是 垂直滚动,这会导致旋转木马滚动时出现故障 垂直,即使我禁用了它 我试着把两个包装纸分开,但问题仍然存在。 有人能告诉我怎么解决这个问题吗 (我不熟悉Javascript,所以最好举个例子) 这是我的剧本: var myScroll, myWipe; function loaded() { myScroll = new iScroll('wrapper1');
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">← 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-->
&larr;上
- 1
- 2
- 3
next&rarr;
给你
垂直滚动中的水平旋转木马。尝试将myWipe移动到无序列表的外部。如果您要进行多方向滚动,可以尝试 *免责声明:我写的图书馆