jquery 滚动事件-记录自己常用的

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

  

猜你喜欢

转载自www.cnblogs.com/ilovexiaoming/p/11694953.html