Jquery 如何使用平滑滚动将Revolution滑块中的图像链接到同一页面上的div id？

我已经知道了如何在Revolution Slider中为图像提供id或类。所以我给了一张图片一个类，然后把它链接到同一页上的一个部分。然而，它是如此急促，它只是跳转到部分

我添加了一些jQuery来平滑过渡，但它不起作用。我得到了一个错误： “未捕获的语法错误：意外的标识符”

它似乎是指我在Revolution Slider中提供的图像的类，但我不明白为什么会出现错误。我只是希望用户能够顺利地被引导到页面的下一部分。以下是我的jQuery：

(function($)

$(".click-to-scroll").click(function() {
    $('html, body').animate({
        scrollTop: $("#top-home").offset().top
    }, 1000);
});

(jQuery);

我使用的是Divi主题，它允许您将JavaScript放入仪表板主题选项中网站的标题部分。网址如下：

---

任何帮助都将不胜感激。谢谢。

正确的语法如下：

(function($) {
    $(".click-to-scroll").click(function() {
        $('html, body').animate({
            scrollTop: $("#top-home").offset().top
        }, 1000);
    });
}) (jQuery);

---

您需要将函数用大括号括起来。以及关闭你的左括号

经过大量调整后，我发现我出现问题的原因是，在其他所有操作之后，revolution滑块加载到DOM之外。所以我添加了一个文档就绪函数，以确保jQuery被调用（看起来好像被忽略了）。它现在可以工作了，所以如果有人再次遇到这个问题，这就是您需要的代码

<script>
jQuery( document ).ready(function() {
    jQuery(".click-to-scroll").on("click", "*", function() {
        jQuery("html, body").animate({ scrollTop: jQuery('#top-home').offset().top }, "slow");
        return false;
    });
});
</script>

jQuery（文档）.ready（函数（）{
jQuery（“.click to scroll”）。在（“click”、“*”、函数（）上{
动画（{scrollTop:jQuery（'#top home'）.offset（）.top}，“慢”）；
返回false；
});
});

---

我只把它放在主页的标题中。我使用了一个名为Header/Footer scripts的插件，它允许您将代码直接放入单个帖子/页面的标题中，或者放入每个帖子/页面中。另外，请注意，它被包装在标记中，因为任何类型的代码都可以放在这里，所以我必须指定它是一个脚本，而不是元、注释等。

@michaelocker，您仍然需要关闭左括号。如下：（函数（$）{…}）（jQuery）；这在我看来是正确的，但是，它仍然不起作用。这可能是我使用的主题的一个问题，所以我将在这个周末进一步研究它，如果我弄明白了，我会更新。谢谢你的回复。嗯，我去了你的网站，把我的代码粘贴到控制台上，它对我来说运行正常。但是，它仅在第一张幻灯片上有效，并且仅在单击向下箭头时有效，因为这是页面上唯一具有click to scroll类的元素