Скролл до элемента
127
29 апреля 2019, 16:40
Как сделать так, чтобы срабатывало событие, когда элемент находится посередине экрана, как на этом сайте https://byjakt.com/contact/?
Answer 1
Пример кода с одного моего старого проекта на jQuery. По хорошему цифры лучше получать динамично при загрузке страницы $('#input_area1').offset().position().top И от него для условия делать +- отступы. Важно! Условие < должно содержать больший отступ от элемента, т.к. scrollTop отсчитывает расстояние от верха станицы до верха экрана браузера. Поэкспериментируйте со значениями на практике и поймете, почему так.
$(window).scroll(function() {
if ($(window).scrollTop() >= 700 && $(window).scrollTop() < 900) {
$('#input_area1').focus();
} else if ($(window).scrollTop() >= 900 && $(window).scrollTop() < 1100) {
$('#input_area2').focus();
}
}<p>Ваше текстовое поле на некой высоте 1000 от верха страницы</p>
<input id="input_area1" type="text">
<p>Ваше текстовое поле на некой высоте 1400 от верха страницы</p>
<input id="input_area2" type="text">
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47689 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30538 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23716 visits
- Как через css изменить цвет png изображения? 10368 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9235 visits
- Работа с captcha vk api 8112 visits
© "hostciti.net" 19.1.2025 | 08:22