Как изменить высоту скроллинга?

Question

[Дмитрий]

При клике на заголовки документов делаю скроллинг страницы с помощью
$('html, body').animate({ scrollTop: $('.doc-class').offset().top }, 500);
Все хорошо, но документ скроллит к верхней границе, а вверху страницы липкое меню, и часть текста уезжает под меню. Как в этом коде задать отступ от верхней границы?

Comments

[VegasChickiChicki]

Вообще мой тебе совет ,если изучаешь JS ,не лезь пока в JQ ,если ты не знаешь как это реализовать на чистом JS ,без JQ ,то какой тогда смысл пытаться барахтаться и пытаться что сделать на JQ? Нужно понять как происходит этот скролл на JS ,тогда будет понятно что дописывать.
P.S. Логика в том ,что тебе нужно отнять от конечно значения ,того место до куда идет скролл ,высоту твоего фиксированного меню.

Answer 1

[Dymok]

вроде того

var offset = $('.doc-class').offset().top - $('.header').outerHeight();
        $('html,body').animate({scrollTop: offset}, 500);

Comments

[Дмитрий]

Dymok, не, что-то не то, теперь скроллит еще дальше, причем независимо, в первой строке прописать "-" или "+" и к тому же каждый раз на разное расстояние

[Dymok]

Дмитрий, тогда отправь полный код, лучше в песочнице.
Вот работающий пример.
https://codepen.io/UnluckySerivelha/pen/vbWZog

[Дмитрий]

Dymok, прошу прощения, все работает идеально, это я накосячил. Спасибо за помощь!