当前位置 : 主页 > 网页制作 > JQuery >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
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);
        });
网友评论