Как отрегулировать href = "# object"

Question

При использовании name = "object", а затем с прокруткой страницы к этому объекту с использованием идентификатора href = "# object" можно настроить, где находится страница. Вместо верхней части окна несколько пикселей вниз. У меня есть фиксированная панель навигации, которая при прокрутке контента идет позади, поэтому навигационная панель всегда видна. Поэтому, когда я использую href = "# object", часть его отключается, потому что она находится за навигационной панелью. Любые исправления? Спасибо.

Answer 1

Измените верхнюю прокладку и укладку краев на элемент с помощью именованного якоря. Например, если ваш заголовок имеет высоту 100 пикселей, дайте вашему именованному якорю значение margin-top -100px и верхнюю часть 100px.

См. Это jsFiddle example.

В этом примере ссылка приведет к полужирным шрифтам ('Vestibulum ante ipsum') 100px в верхней части страницы.

Answer 2

Вы можете сделать это с помощью jQuery.localScroll, установив offset в конфигурации плагина.

Здесь have a fiddle.

Answer 3

И если вы хотите установить эти свойства (например, упомянутые j08691) с помощью селектора css, поместите этот JS в свой html, тогда вы сможете дать каждому якорю класс для него, если атрибуты-селекторы не будут использовать, т (старые браузеры):

function findAnchors(){ 
    anker = document.anchors; 
    for(i=0; i<anker.length; i++){ 
     anker[i].className = "anchor"; 
    } 
} 
window.onload = findAnchors();