Выделите привязку с фиксированным заголовком, содержимое скрыто за заголовком, поле и верхний отступ не работают

Question

Я использую smoothscroll.js для навигации по моему сайту. Он останавливается на правильной привязке в Firefox, однако в Chrome он пропускает точку по первому щелчку ссылки и выталкивает содержимое вверх, скрывая содержимое за страницей. затем, если вы щелкнете по нему еще раз, он выровняется правильно. Я видел проблемы и на других сайтах. Любопытно посмотреть, есть ли у других такая же проблема. Похоже, что Chrome игнорирует любые верхние отступы, поля или позиционирование (пример: top: 20%;).

Answer 1

решено: http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D

Доступно несколько методов.

Answer 2

Я использовал Local Scroll (JQuery) , чтобы сделать это.

Позволяет сделать верхнее смещение

$.localScroll({
    offset: -100
});

Answer 3

Это может быть связано с новой темой WordPress, использующей элемент заголовка html5.Я изменил свой заголовок на div, и он работал нормально.