Question

我尝试在单击图像时向下滚动（类=＆＃39; 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');
    });
}

尝试以上方法。

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

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

Jquery Scroll to Div无效

1 个答案: