У меня есть моя страница с несколькими DIV, которые имеют идентификаторы и меню сверху с якорями, которые ведут к этим идентификаторам. Мне бы хотелось, чтобы, когда я нажимаю на якорь, он перемещался в DIV, но несколько пикселей над ним.
мне удалось это сделать, хотя с небольшой проблемой.(function($,document){
$("a[href^='#']").click(function(){
var url = $(this).attr('href');
$('html,body').animate({scrollTop: $(url).offset().top - 90}, 2000);
});
})(jQuery);
< /code>
Что происходит: < /p>
- Я нажимаю на якорь с href = " #neakid" < /li>
Мой браузер навигает на #someid с смещением - 90px (он идеально подходит) 90px вниз, в позицию, где Div #Someid начинается в начале ViewPort (и за липким заголовком). - Наконец -то мой URL -адрес http://example.com/#someid>
Я только что обнаружил, что моя тема имеет плагин jQuery "One-Page-Nav", и он мешает. Все еще пытаюсь понять, как это работает, и если я могу изменить его, чтобы иметь смещения
Подробнее здесь: https://stackoverflow.com/questions/475 ... ith-offset
Мобильная версия