使用过程中,遇到手机网页滚动失效,或者代码滚动失灵,要手动滚动的情况。
要在滚动之后添加一个 mui('.mui-scroll-wrapper').scroll().reLayout(); 代码才可以。
//初始化区域滚动的
(function($){
$(".mui-scroll-wrapper").scroll({
bounce: false,//滚动条是否有弹力默认是true
indicators: true, //是否显示滚动条,默认是true
deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
});
})(mui);
//向上滚动
function toTop()
{
mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,100);//100毫秒滚动到顶
mui('.mui-scroll-wrapper').scroll().reLayout();
}
var scroll = mui('.mui-scroll-wrapper').scroll();
//监听滚动条的滚动距离
document.querySelector('.mui-scroll-wrapper' ).addEventListener('scroll', function (e ) {
console.log(scroll.y);
document.getElementById("onshow").innerText =scroll.y;
})
//向下滚动
function toBottom()
{
var oHeight = $(document).height();//body的高度
var page = $(".mui-scroll").height();//可变的区域高度
if(page>oHeight)
{
mui('.mui-scroll-wrapper').scroll().scrollTo(0,(oHeight-page)-100,200); //滚动到最底
mui('.mui-scroll-wrapper').scroll().reLayout();
}
}