技术教程 编程教程 Jquery滚动监听以及导航 正文

Jquery滚动监听以及导航

2023-06-15,,

<!--导航-->
$(document).ready(function() {
    $(".nav_scroll_a").each(function() {
        $(this).click(function() {
            var index = $(this).index()
            window.scrollTo('y', $(".nav_scroll:nth-of-type(" + (index + 1) + ")").offset().top - 100)
            $(".nav_scroll_a").removeClass("active")
            $(this).addClass("active")
        });
    });
});

<!--滚动监听-->    
$(document).ready(function() {
    $(window).scroll(function() {
        for(var i = 0; i < $(".nav_scroll_a").length; i++) {
            if($(window).scrollTop() > $(".nav_scroll").eq(i).offset().top - 130) {
                $(".nav_scroll_a").removeClass("active")
                $(".nav_scroll_a").eq(i).addClass("active")
            }
        }
    });
});

《Jquery滚动监听以及导航.doc》

下载本文的Word格式文档，以方便收藏与打印。

Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!