Jquery滚动到Div不工作[重复]

Question

这个问题在这里已有答案：

• jQuery.Click method reloads the page 6个答案

我试图在单击图像时向下滚动（类='scrollTo），向下滚动到下一个div（第二个容器）。我尝试搜索，但找不到有效的修复方法。每次点击时我都会尝试刷新页面。这是代码，感谢您提供的帮助。

  <div class='layer_two'>
    <a class="scrollTo" href=""><img src='https://cdn3.iconfinder.com/data/icons/trico-arrows-1/24/TriangleDown-512.png' />
  </div>  

   <div class='second-container'>
    <div class='special'>
        <h2>Turn ordinary into extraordinary</h2>
        <div class='border'>

        </div>

jQuery的

$(".scrollTo").click(function() {
$('html,body').animate({
    scrollTop: $(".second-container").offset().top},
    'slow');
});

Answer 1

$(".scrollTo").click(function(e) {
    e.preventDefault();
    $('html,body').animate({
        scrollTop: $(".second-container").offset().top},
        'slow');
    });
}

试试以上。

以上内容应防止链接上的单击操作的默认行为。你也可以通过“返回假”来完成你的听众。在这两种情况下，它告诉浏览器“不执行此事件的内置行为，只执行我的监听器”

默认情况下，浏览器同时执行您的侦听器并且是默认侦听器（在这种情况下，链接到页面）