Центровка якоря

Логистик
На сайте с 31.12.2008
Offline
191
1175

Может кто подскажет как можно сделать так, что бы при нажатии на ссылку указывающую на якорь страница прокручивалась к якорю, но якорь останавливался не вверху экрана, а по центру экрана?

Создание сайтов на заказ - http://htmlplus.ru || Конструктор адаптивных сайтов Wysiwyg Web Builder - обучение, уроки, консультации - http://wwbmaster.ru || Настройка ЭЦП || Настройка корпоративной почты
big boy
На сайте с 18.11.2006
Offline
308
#1

Сделать сам якорь чуть выше, чем целевой элемент. Это самое простое, всё равно он невидимый.

✔ Google spam update убил сайты? Что делать - https://webmasta.ru/blog/google-october-2022-spam-brain-update
Логистик
На сайте с 31.12.2008
Offline
191
#2
big boy:
Сделать сам якорь чуть выше, чем целевой элемент. Это самое простое, всё равно он невидимый.

всё верно, но есть одно "НО" - ваш совет годиться, но только при условии, что у всех людей мониторы одинаковые и с одинаковым разрешением :)

SeVlad
На сайте с 03.11.2008
Offline
1609
#3
Логистик:
но только при условии, что у всех людей мониторы одинаковые и с одинаковым разрешением

Зато все так и тулят линейки к мониторам: "а ровно ли посередине якорёк?" :)

Тогда яваскрипт\жквери в руки и пусть они считают и скролят. (за кодом это это не ко мне ;))

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
[Удален]
#4


$('#button').click(function (e) {
e.preventDefault(); // не даст сработать прокрутке до анкора по умолчанию
var top = $("#anchor").offset().top; //#anchor - анкор к которому прокручиваем
var height = document.body.clientHeight;
$('html,body').animate({scrollTop: top - height/2});
});

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий