在多页面导航中使用jQuery scrollTo()

时间:2016-07-28 21:37:05

标签: javascript jquery scroll hyperlink

我使用jQuery scrollTo()功能在我客户网站的不同点之间进行操作。所以我使用这段代码:

<script src="//cdn.jsdelivr.net/jquery.scrollto/2.1.2/jquery.scrollTo.min.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('.main-navigation a[href^="http://yoursite.com/#"]').click(function() {
      jQuery.scrollTo( this.hash, 1000, { easing:'swing', offset:-160 });
    });
  });
</script>

它在主页上运行得很好。

但这是一个多页面网站。我在导航中需要它,以便当有人点击链接时,链接会滚动到页面的正确部分,加上偏移量(因为它有一个固定的菜单覆盖部分页面)。如何将其合并到我的jQuery中?

0 个答案:

没有答案