• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Отключение привязки прокрутки через CSS (Использовать привязки для прокрутки при помощи CSS)
Отключение привязки прокрутки через CSS
Kosten
Пятница, 12 Июля 2019 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44356
Награды: 70
Привязка прокрутки, это новый метод, реализованный в браузерах, который автоматически устанавливает положение прокрутки в случае, если новый контент внезапно вставляется вверху или внизу текущего раздела. Если вы читали некоторый контент на странице, но неожиданно изображения загружались в верхнюю часть, то это приведет к тому, что ваша позиция чтения будет спущена вниз, и вам придется снова прокрутить, чтобы перейти к этой части страница.

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

Браузеры автоматически включили привязку прокрутки по умолчанию - вам не нужно ничего делать, чтобы включить привязку прокрутки. Это может быть редко, но иногда вам может потребоваться отключить привязку прокрутки в определенном разделе страницы или во всем документе.

Это можно сделать с помощью CSS с помощью свойства overflow-anchor.

overflow-anchor: может иметь два значения.

auto : прокрутка привязки включена. Это значение по умолчанию, которое установлено.
none : отключить привязку прокрутки.

Чтобы предотвратить привязку прокрутки к определенному элементу:

Код
#container {
    overflow-anchor: none;
}

Чтобы предотвратить привязку прокрутки на всей веб-странице:

Код
body {
    overflow-anchor: none;
}
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Отключение привязки прокрутки через CSS (Использовать привязки для прокрутки при помощи CSS)
  • Страница 1 из 1
  • 1
Поиск: