特定锚标签的平滑滚动不适用于所有锚标签

Question

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

现在我的问题是，

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

我不希望在用户单击第 1 部分或第 2 部分时平滑滚动。

<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>

请检查下方 link，我在这里添加了我的全部代码。 https://codepen.io/Narendra_verma/pen/bjgXyK

你能帮我解决这个问题吗

Answer 1

您可以添加 main class 以实现平滑滚动 link

第 30 行

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

特定锚标签的平滑滚动不适用于所有锚标签

Smooth scroll for specific anchor tags not for all anchor tags

javascript

jquery

scrollmagic

gsap