Javascript scrollTo函数在JSFIDLE中运行平稳，但在我的页面上运行不平稳

因此，scrollTo（）滚动到页面的正确部分。这不是问题所在。它立即出现在那里。我本打算做一把小提琴给你看这个问题，但我发现它在那里起作用。正如您在下面的JSFIDLE中所看到的，我的页面上没有“渐进式”滚动

如果你知道为什么会这样，请随时为我指出正确的方向。我还把我的头标签信息包括在那把小提琴里

---

您可以在这里查看我正在处理的站点：

在您的提琴中，脚本代码被嵌入，以便在页面加载时执行–而在您的站点中，您只是在它所在的位置执行它，并且您所针对的元素到那时甚至不存在，因为它们位于DOM树的更下方（因此没有任何事件处理程序实际绑定到任何东西）

也可以在页面加载时执行代码（将其包装为

$（function（）{…}）；

），
或者将其向下移动到DOM中的元素之后，

---

或者以“实时”的方式使用

.on

（请参阅jQuery文档）。

在您的小提琴中，脚本代码被嵌入，以便在页面加载时执行–而在您的站点中，您只是在它所在的位置执行它，并且您所针对的元素到那时甚至不存在，因为它们位于DOM树的更下方（因此没有任何事件处理程序实际绑定到任何东西）

也可以在页面加载时执行代码（将其包装为

$（function（）{…}）；

），
或者将其向下移动到DOM中的元素之后，

---

或者以“实时”方式使用

.on

（请参阅jQuery文档）.

非常感谢您快速准确的回复。我对JS和jQuery不熟悉，但我知道它必须简单。它像一个符咒一样工作！我会尽快接受。非常感谢您快速准确的回复。我对JS和jQuery不熟悉，但我知道它必须简单。它像一个符咒一样工作！我会尽快接受我可以。

$('.scrollto').click(function(e) {
   var elementClicked = $(this).attr("href");
   var destination = $(elementClicked).offset().top;
   $("#main").animate({ scrollTop: parseInt($("#main").scrollTop() + destination)} );
   e.preventDefault();
});