jquery - 单击侧边栏中的元素时防止主窗口滚动

Question

在我的网站上 www.fsquare.be/diensten.html我有一个侧边栏，带有指向屏幕左侧正文中元素的链接。当我单击侧边栏中的某个元素时，整个窗口会滚动，这会导致目标标题滚动到看不见的地方。 (如果你尝试过，你就会明白我的意思)。 我怎样才能防止这种情况发生？

Answer 1

由于您使用的是 jQuery，因此您可以执行以下操作:

$('#sidebar a').click(function () {
    $('#main').animate({
        scrollTop: $($(this).attr('href')).offset().top
    }, 500);
    return false;
});

我还添加了一个滚动动画，因为为什么不呢。

JSFiddle Demo