手工写的一段滚动条监听事件

最新推荐文章于 2024-04-12 14:03:40 发布

创新在于懒惰

最新推荐文章于 2024-04-12 14:03:40 发布

阅读量427

点赞数

分类专栏： jQurey

本文链接：https://blog.csdn.net/qq_34753236/article/details/51250271

版权

jQurey 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

$(document).ready(function(){
    var flag =0;//设置参数
    $('.g-submit li').on('click',function(){
        flag = 1;//点击是改变参数的值
        $(this).addClass('g-nav-active').siblings().removeClass('g-nav-active');
        var _this = $(this).index();
        var _gScrTop = $(eval('g_scroll'+_this)).offset().top +'px';
        /*var _ngScrTop = parseInt(_gScrTop);*/
        $("html,body").animate({scrollTop: _gScrTop},500,function(){
            flag = 0;//function回调函数改回参数值
        });
    })
    $(window).on('scroll',function(){
        var _gNavHeight = $('.g-banner').height()+110;
        var _documentScroll = $(document).scrollTop();
        var $gNav = $('.g-nav');
        var _gheight = $('.g-nav').height();
        if(_documentScroll >= _gNavHeight){
            $gNav.css({'position':'fixed','top':'0'})
        }
        if(_documentScroll < _gNavHeight){
            $gNav.css({'position':'absolute','top':'470px'})
        }
        if(flag == 0){//判断参数值
            $('.g-submit li').each(function(){//循环li的length
                var _this = ($(this).index());//存储每个li的索引值
                var _gScrollTop = $(eval('g_scroll'+_this)).offset().top-_gheight;
                if(_documentScroll >= _gScrollTop){
                    $('.g-submit li').eq(_this).addClass('g-nav-active').siblings().removeClass('g-nav-active');
                }
            });
        }
    })
})