Отрицательное Абсолютное позиционирование, Удаление полосы прокрутки
-
20-09-2019 - |
Вопрос
Я работаю над этим сайтом: http://waterwing .waterwing.ca/
Анимация в правом верхнем углу идеальна, за исключением того, что она создает горизонтальную полосу прокрутки в соответствии с ее расположением.
Он абсолютно позиционирован - 120 пикселей сверху и справа.Мне просто интересно, как я могу сделать так, чтобы он не расширял тело и просто скрывался, как только достигал края страницы, чтобы не было полосы прокрутки.
Полосы прокрутки, похоже, нет в Windows Firefox, но она есть в Mac Firefox и Safari.
Спасибо, Уэйд
Решение
обернуть #corner
в другом div и установите для него размер, занимаемый конечной точкой анимации, а также абсолютную позицию.установите для переполнения этого div значение hidden, что предотвратит его выпадение со страницы и запуск прокрутки.
Другие советы
Вы также можете просто положить overflow: hidden
на теле работает таким же образом и сохраняет вам div
В зависимости от вашей ситуации, но вы можете получить полосы прокрутки для div или для всей страницы.При создании адаптивного макета веб-сайта я всегда пишу этот CSS:
body {
overflow-x: hidden;
}
И это предотвращает появление полос прокрутки в разных браузерах и на разных устройствах.