Jquery滚动到Div不起作用[重复]

Question

我试图在单击图像时向下滚动 (a class= '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');
    });
}

试试上面的。

以上内容应防止链接上单击操作的默认行为。 你可以通过“return false”结束你的听众来做同样的事情。 在这两种情况下，它都会告诉浏览器“不要执行此事件的内置行为，只执行我的侦听器”

默认情况下，浏览器会执行你的监听器并且是默认监听器（在这种情况下，链接到一个页面）