为什么 Jquery onclick 侦听器不起作用？

Question

对于这个主题，我已经找到了几个答案，但没有一个对我有用。 只是我想做点击和滚动事件。 我在导航中有一个文本 div，它应该带我到我网站的下一部分（一页网站）。

HTML：

<body>
    <header>
        <nav>
            <div class="buttons">
                <div class="strgl"><span>HOME</span></div>
            </div>
        </nav>
    </header>
    <main>
        <div id="text">
            Some text
        </div>
    </main>
</body>

和js：

$('.strgl').click(function () {
    $('html, body').animate({
        scrollTop: $('#text').offset().top
    }, 2000);
});

提前致谢！

Answer 1

您提供的代码对我来说很好用。 确保在脚本中包含 jQuery，然后加载 javascript 文件。 此外，确保在整个页面加载后（而不是加载过程的开始）加载您的 javascript。

另外，请确保有足够的空白可以向下滚动。 （获取滚动动画）这是一个工作示例：

 $('.strgl').click(function () { $('html, body').animate({ scrollTop: $('#text').offset().top }, 2000); });

 header { padding-bottom: 200vh; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <header> <nav> <div class="buttons"> <div class="strgl"><span>HOME</span></div> </div> </nav> </header> <main> <div id="text"> Some text </div> </main> </body>

为什么 Jquery onclick 侦听器不起作用？

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-09-21 13:42:07

为什么 Jquery onclick 侦听器不起作用？

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-09-21 13:42:07

解决方案1
0 已采纳 2018-09-21 13:42:07