Я использую smoothscroll.js для навигации по сайту. Он останавливается на правильном якоре в Firefox, однако в Chrome он проходит точку при первом нажатии ссылки и выталкивает содержимое наверх, скрывая содержимое за страницей. затем, если вы щелкнете по нему еще раз, он выровняется правильно. Я видел проблемы и на других сайтах. Интересно, есть ли у других такая же проблема. Кажется, что Chrome игнорирует любые верхние отступы, поля или позиционирование (пример: top: 20%;).
Прокрутите до привязки с фиксированным заголовком, содержимое скрыто за заголовком, поля и верхнее заполнение не работают
Ответы (3)
РЕШЕНО: http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D
Доступно несколько методов.
person
Commandrea
schedule
08.02.2011
Мне трудно понять, как #target в этих методах соотносится с ‹a name=anchor›‹/a›. Я пробовал ‹a href=#target›‹/a› — как в демо — но не получилось. Какие-нибудь советы?
- person ATSiem; 02.10.2012
Методы Николаса Галлахера немного сложны по сравнению с stackoverflow.com/a/13184714/109618, который просто включает этот HTML ‹a class=anchor id=label-1›‹/a› и этот CSS: a.anchor{display: block; положение: родственник; верх: -50px; видимость: скрыта;}
- person David J.; 21.09.2014
я также думаю, после того, как я попробовал несколько методов, скрытый ‹a class=anchor› — очень простое и приятное решение. это дает вам хороший контроль над положением связанного элемента, не разрушая ваш обычный макет, где вы можете использовать поля и отступы по своему усмотрению. спасибо Дэвид Джеймс
- person dichterDichter; 02.07.2015
Для этого я использовал Local Scroll (JQuery).
Это позволяет вам делать верхнее смещение
$.localScroll({
offset: -100
});
person
optimiertes
schedule
15.05.2014
Это может быть связано с тем, что новая тема WordPress использует элемент заголовка html5. Я изменил свой заголовок на div, и он работал нормально.
person
Ash Andrien
schedule
15.03.2012
