javascript - 滚动到带有溢出的 div 内的目标

Question

你好，我想使用选项滚动到我的 div 内的目标:overflow:hidden，但我工作得不好。我不知道为什么我的滚动脚本表现得很奇怪。它不会滚动到正确的目标，或者当我在一个按钮上单击两次时它会返回到另一个目标。这有什么问题？你能帮帮我吗。

$('a[href^="#"]').on('click',function (e) {
    e.preventDefault();

    //shows what href contains
    var target = this.hash,
    $target = $(target);
    $('.content').stop().animate({
        'scrollTop': $target.offset().top-187 //scroll to top position on href element for example #about
    }, 1000, 'swing');
});

http://jsfiddle.net/PGnZN/1/

Answer 1

当您应该使用 .position() 时，您却在使用 .offset() http://api.jquery.com/position/.offset() 获取相对于文档的坐标，其中 .position() 从偏移父项获取坐标。重要的是在父级上具有相对位置，以便可以正确计算该值。我没有碰 187 假设你想让它在中间显示它

http://api.jquery.com/offset/

$('.content').stop().animate({
    'scrollTop': $target.position().top-187 //scroll to top position on href element for example #about
}, 1000, 'swing');

CSS

.inside{
    max-width: 680px;
    position: relative;
}