手机型号:苹果5S
功能:滚动条滑动到一定位置,出现返回顶部的图标,点击返回顶部
代码:
//是否显示回到顶部
var scrollDiv = document.getElementById('scrollDiv');
scrollDiv.addEventListener('scroll',function(){
var translate3d = this.style.webkitTransform;//translate3d(0px, -147px, 0px) translateZ(0px)
var scrollData = translate3d.substring(12,translate3d.length-17);//0px, -147px, 0px
var scrollTop = scrollData.split(", ")[1].substring(0,scrollData.split(", ")[1].length-2)//-147
var go_top = document.getElementById('go_top');
if(Math.abs(scrollTop) >= 800){
go_top.style.display="block";
}else if(Math.abs(scrollTop) < 800){
go_top.style.display="none";
}
});
//回到顶部Android平台4.0以下不支持div滚动
document.getElementById('go_top').addEventListener('tap',function(){
mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,100);//滚动到顶部
});
问题:点击返回顶部后,向下滑动,在刚才返回顶部的哪个位置出现了一个滚动条,我继续滑动,滑动到一定的位置下面的一个滚动条又消失了。
roller
- 发布:2016-05-10 17:26
- 更新:2016-05-11 09:55
- 阅读:3245
roller (作者)
之前使用的:mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,100);//滚动到顶部 要出现两个滚动条
现在使用的:mui('#pullrefresh').pullRefresh().scrollTo(0,0,100);好了不会出现2个滚动条了

roller (作者)
现在使用的:mui('#pullrefresh').pullRefresh().scrollTo(0,0,100);好了不会出现2个滚动条了
2016-05-11 09:56