TEL:400-8793-956
当前位置:程序、服务器

如何实现基于页面滚动的活动导航类?

提问者: 近期获赞: 浏览人数: 发布时间:2021-07-13 08:41:59

 问:我创建了一个单页的 WordPress 网站。我想向页面添加该功能,通过突出显示粘性菜单中的导航项,向访问者显示他们所在页面的哪个部分。

 
我尝试了一些 jQuery 插件,但它们似乎不适用于 WordPress。
 
 
答:我相信最好的方法是在我们创建的 jquery 函数“滚动到”中添加更多行。类似于: $(this).addClass("active");
 
并且可能你还想删除上一个链接的活动类,所以在上面添加这一行: $('nav a').removeClass('active');
 
完整代码:<脚本>
 
( function( $ ) {
     $("nav a").click(function() {
         var link = $(this).attr('href');
         $('nav a').removeClass('active');
         $(this).addClass("active");
         $('html, body').animate({
             scrollTop: $(link).offset().top
         }, 600);
     }); 
 } )( jQuery );
</脚本>
上一篇: Treehouse 使用什么电子邮件服务提供商?
下一篇: Gulp 基础——使用源映射