Question

我认为这很简单（也许很简单）。但由于我在javascript中的知识非常有限，我需要问你们。

我正在使用此代码

$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 6000);
        return false;
      }
    }
  });
});

做平滑滚动的事情。但问题是：它还“破坏”基金会的标签/手风琴。有一种方法可以将平滑滚动限制为仅适用于某个类，也许？例如：

<a href="#home" class="smooth"></a>

如果是这样，我该怎么做？

感谢。

Answer 1

尝试替换

$（ '一个[HREF * =＃]：不使用（HREF =＃]）'）

与

$（ '一个[HREF * =＃]平滑：否（[HREF =＃]）'）

使用此代码，JQuery选择具有该类的所有链接，平滑（在.smooth中以css表示）

Answer 2

现在，几年后，基金会6支持开箱即用：

https://foundation.zurb.com/sites/docs/smooth-scroll.html

JS Smooth Scroll与Foundation冲突

2 个答案: