javascript - anchor 导航后如何向下滚动页面？

Question

我已将顶部菜单添加为位置为固定的 div。它位于页面顶部，因此覆盖了部分内容。我将布局向下移动，所以通常没问题，但是如果用户单击任何 anchor 链接，页面将滚动到 anchor 位于顶部的位置。但它被顶部菜单覆盖。有没有一种方法可以捕获 anchor 事件并使用 javascript(必要时使用 jQuery)对其进行处理？

Answer 1

你可以这样使用:

$('a').click(function(){
    $('html').scrollTop($($(this).attr('href')).position().top + menu_height_offset)
})

获取 anchor 位置

$($(this).attr('href')).position().top

使偏移量与固定菜单相关

menu_height_offset

让滚动条移动

$('html').scrollTop()

http://api.jquery.com/scrollTop/

http://api.jquery.com/position/