为什么这个Javascript滚动功能不起作用？

Question

我非常困惑为什么这不会运行。我想点击滚动按钮向下滚动。

https://jsfiddle.net/n9jqvas9/

<script>
 $("button").click(function() {
    $('html,body').animate({
     scrollTop: $("s2text").offset().top},
    'slow');
  });
</script>

Answer 1

你缺少jQuery（在你的例子中）和s2text之前的一个点，因为它是一个类。

$("#button").click(function() {
    $('html,body').animate({
        scrollTop: $(".s2text").offset().top},
        'slow');
  });

这是您更新的jsfiddle。

Answer 2

您需要添加JQuery库并设置类选择器：

$(".s2text").offset().top

这一翻译：

$("s2text").offset().top

Working example

Answer 3

您缺少点（。）类名称。

＆＃13;

＆＃13;

$("button").click(function() {
    $('html,body').animate({
        scrollTop: $(".s2text").offset().top},
        'slow');
  });

＆＃13;

＆＃13;

＆＃13;