Question

我正在测试网站上的向下滚动按钮，并想知道为什么操作不起作用。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="style_sheet.css" type="text/css" rel="stylesheet" />
    <title>COS</title>
  <script>
    $(function() {
       $('.scroll-down').click (function() {
         $('html, body').animate({scrollTop: $('section.ok').offset().top }, 'slow');
         return false;
       });
     });
    </script>
  </head>
  <body>

    <section>
        <p>SCROLL DOWN CSS</p>
        <a href="#" class="scroll-down" address="true"></a>
    </section>
    <section class="ok">
      <p>OK SCROLL !</p>
    </section>

  </body>
</html>

如果我理解正确，javascript应该位于头部。我究竟做错了什么？

Answer 1

在您发布的代码中，没有链接jQuery。

尝试插入order `

测试向下滚动按钮

1 个答案: