[英]How to scroll fix elements using Iscroll?
我在我的項目中使用iscroll。我想一次滾動3個項目,當用戶滾動id時可以使用iscroll庫嗎?我已經嘗試過scrollTo但它不起作用?
這是我的小提琴。 http://jsfiddle.net/amnishyadav/dWYJS/
var isScrolling = false;
myScroll = new iScroll('headerWrapper',{
snap: 'li',
hScrollbar: false,
vScrollbar: false,
momentum: true,
vScroll: false,
onScrollMove : function(e){
// clearHeaderInterval();
// myScroll.scrollTo(50, 0);
// myScroll.refresh();
console.log('onScrollMove===============>>>>>>>>>>>>>');
isScrolling = true;
// here get the device type and version
if(deviceType() == 'android'){
var deviceVersion = device.version;
console.log(" deviceType is ===>>"+deviceVersion);
if(deviceVersion=='4.1' || deviceVersion=='4.1.1'|| deviceVersion=='4.1.2'){
console.log("android version is ===>>"+deviceVersion);
setTimeout(function(){
myScroll.refresh();
}, 1000);
}
}
// setTimeout(function(){myScroll.refresh();},0);
},
});
我不太確定您在這里要問的內容,您是否想擁有3個可分別滾動的不同可滾動區域? 如果是這樣,那么您可以僅在要滾動的每個區域上啟動滾動事件。
<div id="firstScroller">
<div class="scroller">
<!-- content here -->
</div>
</div>
<div id="secondScroller">
<div class="scroller">
<!-- content here -->
</div>
</div>
<div id="thirdScroller">
<div class="scroller">
<!-- content here -->
</div>
</div>
function loaded() {
setTimeout(function () {
firstScroller = new iScroll('firstScroller', {
hScrollbar: false,
vScrollbar: false,
hScroll: false
});
secondScroller = new iScroll('secondScroller', {
hScrollbar: false,
vScrollbar: false,
hScroll: false
});
thirdScroller = new iScroll('thirdScroller', {
hScrollbar: false,
vScrollbar: false,
hScroll: false
});
}, 100);
}
document.addEventListener('DOMContentLoaded', loaded, false);
如果那不是您想要的,那么如果您可以更新問題,我也許可以為您提供幫助
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.