Javascript Div Scroll - Некоторые вопросы

Question

Я скопировал это из другого сообщения, а не слепо, я вижу, что он делает, но я не могу придумать, как решить проблему. Я не очень разбираюсь в JavaScript, но я могу прочитать этот фрагмент.

// The function actually applying the offset 
function offsetAnchor() { 
    if (location.hash.length !== 0) { 
     window.scrollTo(window.scrollX, window.scrollY - 100); 
    } 
} 

// This will capture hash changes while on the page 
$(window).on("hashchange", function() { 
    offsetAnchor(); 
}); 

// This is here so that when you enter the page with a hash, 
// it can provide the offset in that case too. Having a timeout 
// seems necessary to allow the browser to jump to the anchor first. 
window.setTimeout(function() { 
    offsetAnchor(); 
}, 3); 

;(function($) { 

    $('.swipebox').swipebox(); 

})(jQuery); 

Вопрос был, что, когда я прокрутка DIVs с идентификаторами, используемой для точек привязки, я прокрутка немного слишком далеко вниз, как у меня есть липкий заголовок. Я попытался использовать это, поэтому, изменяя DIV, он будет учитывать липкий заголовок, он не совсем работает, но главная проблема, с которой я сталкиваюсь, заключается в том, что у меня будет более 12 идентификаторов DIV для навигации и каждый раз, когда кто-либо из них будет нажат он больше не идет в DIV, а вместо этого просто прокручивает -100 пикселей.

Мне нужно решение, которое будет прокручиваться чуть выше, где я нуждаюсь в нем, не затрагивая остальную функциональность моего меню, его не нужно выполнять JS, но это единственный возможный способ увидеть решение (Я пробовал думать о CSS только один, но margin/padding не поможет в этой ситуации прокрутки)

Чтобы дать последнюю информацию, при нажатии на навигационный div она прокрутится до этого div, а меню (липкий заголовок) покрывает часть изображения, а прокручиваемый элемент тоже. Основная проблема :)

Я могу оставить ссылку, если вы хотите получить более качественное описание, и я изучаю JS на данный момент, но поскольку это для клиента, я бы хотел, чтобы он смог исправить его в течение и будет очень признателен за любую помощь, которую может предложить любой.

спасибо.

Answer 1

В this question есть ответ для перехода к определенному элементу.

Если вы хотите гладкую прокрутку: look here.