Javascript 使用多个'；单击'；在网站上

我在我的网站上使用了

smoothscroll.js

，它使用了

的“点击”功能

它工作得很好，问题是-它将所有链接转换为平滑滚动切换。这是有问题的，因为我在一些垂直视口中实现了小的jQuery选项卡区域

有没有其他类似于单击的功能，我可以互换使用

如果您不希望页面中的所有链接都有这种行为，那么您需要修改并缩小选择器的范围。我猜你在做这样的事情：

$('a').click(...

$('a.YourNewClass').click(...

相反，使用CSS类，或者如果它只是一个项目，则使用id。假设您将CSS类分配给选项卡区域链接，则您可以执行以下操作：

$('a').click(...

$('a.YourNewClass').click(...

我希望我正确地理解了你的问题。如果没有，请告诉我。
如果您不希望页面中的所有链接都有此行为，则需要修改并缩小选择器的范围。我猜你在做这样的事情：

$('a').click(...

$('a.YourNewClass').click(...

相反，使用CSS类，或者如果它只是一个项目，则使用id。假设您将CSS类分配给选项卡区域链接，则您可以执行以下操作：

$('a').click(...

$('a.YourNewClass').click(...

我希望我正确地理解了你的问题。如果没有，请告诉我。
我在您的问题中看到您添加了JQuery标记。您使用的脚本似乎没有使用JQuery，我没有阅读每一行，但它看起来是纯JavaScript

在javascript文件中，替换以下行：

var allLinks = document.getElementsByTagName('a');

通过此JQuery选择器：

var allLinks = $('a.fooClass');

并将
class=“fooClass”
添加到要激活平滑滚动的所有a标记中

顺便说一句：我发现你必须编辑脚本才能这样做是不可接受的。如果我是你，我会寻找一个更可靠的JQuery插件

您可能对以下链接感兴趣：




我在您的问题中看到您添加了JQuery标记。您使用的脚本似乎没有使用JQuery，我没有阅读每一行，但它看起来是纯JavaScript

在javascript文件中，替换以下行：

var allLinks = document.getElementsByTagName('a');

通过此JQuery选择器：

var allLinks = $('a.fooClass');

并将
class=“fooClass”
添加到要激活平滑滚动的所有a标记中

顺便说一句：我发现你必须编辑脚本才能这样做是不可接受的。如果我是你，我会寻找一个更可靠的JQuery插件

您可能对以下链接感兴趣：




为什么不使用？它允许您定义链接应在哪些元素中平滑滚动：

$('#smooth').smoothScroll(); // will only affect links in #smooth

还可以定义动画速度：

$('#smooth').smoothScroll(400); // scrolling takes 400ms

这里有一个演示：
为什么不使用？它允许您定义链接应在哪些元素中平滑滚动：

$('#smooth').smoothScroll(); // will only affect links in #smooth

还可以定义动画速度：

$('#smooth').smoothScroll(400); // scrolling takes 400ms

下面是一个演示：