我如何滚动到#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 =像素