JS в браузере: размеры окна и страницы, скролл scrollIntoView, scrollTo, scroll, scrollBy
Плавный скролл на jQuery
Итак, сегодня мы научимся делать плавный скролл на jQuery. Демо на codepen Разметка Создаем 4 кнопки и 4 секции. <button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<div>Секция 1</div>
<div>Секция 2</div>
<div>Секция 3</div>
<div>Секция 4</div> Стили Создадим внутренние отступы — padding и установим серый фон для каждой второй секции для визуального разделения. .section {padding: 70px 0;}.
section:nth-child(2n) {background-color: #eee;} Что получилось Интерактив В jQuery создаем событие клика на кнопку, предварительно проставив классы с префиксом js-...
Прокрутка страницы к определенной позиции js
В JavaScript вы можете использовать метод scrollTo для прокрутки страницы к определенной позиции. Если вы хотите прокрутить страницу на определенное расстояние (например, вниз или вверх), вы можете использовать метод scrollBy. Метод scrollIntoView() в JavaScript используется для прокрутки элемента в видимую область окна браузера Метод scrollTo прокручивает страницу к указанным координатам (по оси X и Y). Синтаксис: window.scrollTo(x, y); Пример: // Прокрутить страницу к координатам (0, 500)
window...