Question

第一次点击将用户带到框的底部。第二次点击应该将用户带到那个框的底部。但事实并非如此。它只是跳到浏览器的顶部，并保持在那里。

我该如何解决这个问题？

$( document ).ready(function() {
    $(".box1").click(function() {
        $("body").animate({ scrollTop: $('.box1')[0].scrollHeight}, 1000); 
    });
    $(".box2").click(function() {
        $("body").animate({ scrollTop: $('.box2')[0].scrollHeight}, 1000);
    });    
});

Answer 1

试试这个，

$( document ).ready(function() {
    $(".box1, .box2").click(function() {
        $("body").animate({ scrollTop: $(this).position().top + this.scrollHeight}, 1000); 
    });
});

演示 - http://jsfiddle.net/TLQq4/

Answer 2

试试这个： - 添加html选择器

$( document ).ready(function() {
    $(".box1").click(function() {
        $("html,body").animate({ scrollTop: $('.box1')[0].scrollHeight}, 1000); 
    });
    $(".box2").click(function() {
        $("html,body").animate({ scrollTop: $('.box2')[0].scrollHeight}, 1000);
    });    
});

滚动浏览div，不断跳到页面顶部

2 个答案: