javascript - 我如何滚动到#target - 100px？

Question

我正在尝试使用

<a href="#target">Details</a>

<div id="target">asd...</div>

但我也有顶部弹出菜单。所以它落后于那个菜单。

是否可以编写 JavaScript（我也已经在我的模板上使用 bootstrap 和 jquery 库）去#target - 100px

提前致谢

Answer 1

从未尝试过，但这样的事情应该可以工作。

 $('html, body').animate({
     scrollTop: $("#elementtoScrollToID").offset().top - 100
 }, 1000); // this is the time in millisecond of the animation

Answer 2

一个简单的纯 JavaScript 解决方案是：

window.scrollTo(x,y)

对于您的示例，您将使用：

window.scrollTo(0,100)

Answer 3

第 1 步：包括 Ariel Flesler 的 jquery.scrollTo-min.js

http://flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js

第二步：添加

$('a').scrollTo( $('#target'), 1000, {offset:-100} );

Answer 4

 scrollTop: ($($anchor.attr('href')).offset().top)-300

这是我的代码，它有效。-300 = 像素