本来是要这样:
$('.content').scrollTop(document.body.scrollHeight);
但是有时由于各种原因,document.body.scrollHeight 小于真实数据,
所有无奈*20,一般就可以了(超出不会报错,但是滚动条会滚动到底部)
最后建议使用下面的写法:
$('.content').scrollTop(document.body.scrollHeight*20);
在 js 模式 修改方法:
一:
$(function() {
$(".content").scroller({
type: 'js'
});
});
二:
.content 标签加上属性data-type="js"
滚动接口
scroller插件重置的了zepto的滚动方法,无论在js模式下或者native模式下都是一样的调用方式:
$(function() {
$('.content').scrollTop();
$('.content').scrollTop(number);
$('.content').scrollLeft();
$('.content').scrollLeft(number);
});
滚动事件
滚动条提供三个事件:
1. scrollStart: 滚动开始时触发(目前只能在js模式下,才会触发)
2. scroll: 滚动中触发
3. scrollEnd: 滚动结束后触发(目前只能在js模式下,才会触发)
直接通过下边的方式进行监听
$(function() {
$(".content").on('scrollStart',function(){
});
});
技术交流QQ群:201455739