Question

我正在尝试在用户单击锚标记时实现平滑滚动，然后它将滚动并到达目标。可以与所有锚标记完美配合。

现在我的问题是，

我有两个选项卡，分别称为part1和part2。 part1中没有数据，但part2中有3-4个锚标记。我必须为此设置一个平滑滚动。

当用户单击part1或part2时，我不希望平滑滚动。

<div class="tabs">
            <ul class="tab_click">
                  <li class="current"><a href="#part1" >Part1</a></li>
                  <li><a href="#part2">part2</a></li>
            </ul>
      </div>

当用户单击下面的锚标记时，我需要平滑的滚动。

<ul>
          <li><a href="#about">About</a></li>
          <li><a href="#services">Services</a></li>
          <li><a href="#contact">Contact</a></li>
          <li><a href="terms.php">Terms</a></li>
        </ul>

请检查以下链接，我在此处添加了整个代码。 https://codepen.io/Narendra_verma/pen/bjgXyK

您能帮我解决这个问题吗

Answer 1

您可以添加主类以实现平滑的滚动链接

第30行

    $(document).on("click", ".main_tab a[href^=#]", function(e) {

平滑滚动特定锚标签，而不是所有锚标签

1 个答案: