Отрицательное Абсолютное позиционирование, Удаление полосы прокрутки

StackOverflow https://stackoverflow.com/questions/1925826

  •  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;
}

И это предотвращает появление полос прокрутки в разных браузерах и на разных устройствах.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top