我如何滾動到#target - 100px？

Question

我試圖使用

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

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

，但我也有頂部的彈出菜單。所以它就在菜單後面。

是否有可能（還我已經使用引導和jQuery庫在我的模板）編寫JavaScript去#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步：包括林依晨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 =像素