1、h5端页面滑动至第3屏及以后才出现置顶按钮 $(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度 if(scroH 3*viewH){ _appCache.$goToTop.show(); }
1、h5端页面滑动至第3屏及以后才出现置顶按钮
$(document).scroll(function() {
var scroH = $(document).scrollTop(); //滚动高度
var viewH = $(window).height(); //可见高度
if(scroH > 3*viewH){
_appCache.$goToTop.show();
}else{
_appCache.$goToTop.hide();
}
})
2、滚动的时候,置顶按钮隐藏,停止滚动3s后,滚动按钮出现
$(document).scroll(function() {
_appCache.$goToTop.addClass(‘hide‘);
clearTimeout($.data(this, ‘scrollTimer‘));
$.data(this, ‘scrollTimer‘, setTimeout(function() {
_appCache.$goToTop.removeClass(‘hide‘);
}, 3000));
})
3、滑动到顶部
_appCache.$goToTop.click(function(){
$(‘html,body‘).animate({
scrollTop: 0
}, 1000);
});
