jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – jQuery滚动到锚点异常大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
朋友们,

我正在构建单页网站,当选择菜单链接时,它使用jQuery函数滚动到锚点.这是我使用的代码

@H_673_9@(function($) { var jump = function(E) { if (E) { e.preventDefault(); var target = $(this).attr("href"); } else { var target = LOCATIOn.hash; } $('html,body').animate( { scrollTop: $(target).offset().top - 150 },1500,'swing',function() { LOCATIOn.hash = target - 150; }); } $('html,body').hide() $(document).ready(function() { $('a[href^=#]').bind("click",jump); if (LOCATIOn.hash) { setTimeout(function() { $('html,body').scrollTop(0).show() jump() },0); } else { $('html,body').show() } }); })(jQuery)

现在,所有带有’href’的html’a’元素都会调用函数.我需要修改上面的函数,所以它适用于所有已定义的链接,除了这个带锚#nav-menu的链接

@H_673_9@<a href="#nav-menu" id="toggle"><span></span></a>

任何建议将非常感激.

解决方法

Jquery提供了一组内置过滤器,您可以在您使用的情况下使用它们:

>内置过滤器not()如下: –

@H_673_9@$("a[href^=#]:not([href=#nav-menu])").click(jump);

>按如下方式构建您自己的业务过滤器: –

@H_673_9@$("a[href^=#]").filter(function() { //you may here do whatever filteration business you want return $(this).attr("href")!='#nav-menu'; }).click(jump);

简单示例Here

大佬总结

以上是大佬教程为你收集整理的javascript – jQuery滚动到锚点异常全部内容,希望文章能够帮你解决javascript – jQuery滚动到锚点异常所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。