Как я могу прокрутить до #target - 100px?

Question

Я пытаюсь использовать

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

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

, но у меня есть верхнее всплывающее меню. Таким образом, это отстает от этого меню.

Можно ли написать JavaScript (и я уже использую загрузчик и библиотеки 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: Включите jquery.scrollTo-min.js Ариэль Flesler в

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

Шаг2: Добавить

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

Answer 4

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

Это мой код, и это работает. -300 = пиксели