使用& lt; nav>链接实现滚动到页面某一部分的方法

  介绍

这篇文章给大家分享的是有关使用& lt; nav>链接实现滚动到页面某一部分的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

随着一页网站的出现,使用滚动作为导航长页面的方法变得越来越流行。这一小部分是用JS + jQuery代码实现的,您可以轻松地在导航元素中设置链接以滚动到页面的相应部分。如果您希望在JS不存在时将锚标记添加到页面中。

Coffeescript:

美元(“nav"); (“a")。点击(e)→   e.preventDefault ()   节=$ ()。attr“href"   美元(“html, body") .animate   scrollTop: $(部分).offset ()。前

或JS:

美元(“nav");“a" .click(函数(e) {   e.preventDefault ();=$ var部分(这).attr (“href");   $ (“html, body") .animate ({   scrollTop: $(部分).offset ()。});});

和一些示例HTML

& lt; nav>   https://www.yisu.com/zixun/& lt; a href=" #欢迎”欢迎>   第三节      
欢迎光临这个网站
  
关于这个网站,这样的
  
第三部分

感谢各位的阅读!关于使用& lt; nav>链接实现滚动到页面某一部分的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

使用& lt; nav>链接实现滚动到页面某一部分的方法