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); });