jquery之电梯导航栏案例

最新推荐文章于 2022-08-30 12:23:26 发布

不忘初心L

最新推荐文章于 2022-08-30 12:23:26 发布

阅读量934

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_46379498/article/details/106364164

版权

本文详细介绍了如何利用jQuery创建一个功能完善的电梯导航栏，包括导航栏的设置、锚点链接与滚动事件的绑定，以及平滑滚动效果的实现，帮助读者理解jQuery在网页交互中的应用。

摘要由CSDN通过智能技术生成

$(function() {
   
    // 当我们点击了小li 此时不需要执行 页面滚动事件里面的 li 的背景选择 添加 current
    // 节流阀  互斥锁 
    var flag = true;
    // 1.显示隐藏电梯导航
    var toolTop = $(".recommend").offset().top;
    toggleTool();

    function toggleTool() {
   
        if ($(document).scrollTop() >= toolTop) {
   
            $(