文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery If语句仅适用于平滑滚动

问jQuery If语句仅适用于平滑滚动
EN

Stack Overflow用户

提问于 2014-12-10 23:17:53

回答 1查看 78关注 0票数 0

在我的代码中，我有一个jQuery函数，当用户单击具有某个类名的链接时调用该函数(在任何给定的页面上都有两个这样的链接)。一种是平滑滚动到网站的页脚。另一种是平滑滚动回到顶部。它们在相同的函数中，但只有滚动到页脚的链接有效。

function smoothScrolling() {
  $(".smoothScroll a").click(function(e) {
    var $scrolltype = $(this).attr("data-scrolltype");
    e.preventDefault();

    console.log("Scrolling to " + $scrolltype + "...");

    if($scrolltype === 'footer') {
      $('html, body').animate({
        scrollTop: $(".app__footer").offset().top
      }, 2000);
    } if($scrolltype === 'header') {
      $('html, body').animate({
        scrollTop: $("#primaryMenu").offset().top
      }, 2000);
    }

    return false;
  });
}
smoothScrolling();

preventDefault();和return false用于阻止ajax页面加载。

平滑的滚动到页脚可以完美地工作。尽管两个按钮使用的代码完全相同，但滚动到标题的链接不起作用。有什么想法？

javascript

jquery

smooth-scrolling

回答 1

Stack Overflow用户

发布于 2014-12-10 23:26:15

因为我们看不到html，所以很难说是哪里出了问题，但是您的代码是正确的。以下是您可以检查的内容：

1-确保菜单的id为primaryMenu。

2-确保页脚中的链接为data-scrolltype="header"

3-确保页脚链接为具有smoothScroll类的父级

祝好运。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/27404554

复制

相似问题

问jQuery If语句仅适用于平滑滚动
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery If语句仅适用于平滑滚动EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery If语句仅适用于平滑滚动
EN