Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.05.2018, 18:49
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 217

Как убрать рывки при прокрутке страницы?
На странице используются блоки с фиксированным фоном. Во всех браузерах прокрутка плавная. А вот в браузере Сафари страница прокручивается с рывками. Как можно это исправить? Благодарю!
<style>
p {
  display: block;
  height: 300px;
}

.cover {
  z-index: 2;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 500px;
  visibility: visible;
}

.cover:before {
  z-index: 2;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: visible;
  background: url(http://www.fullhdoboi.ru/_ph/6/227497508.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
</style>
<p></p>
<div class="cover"></div>
<p></p>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как убрать скол при нажатии на пробел ? Sinie_Nebesa Общие вопросы Javascript 10 12.05.2017 16:10
Исчезающая шапка при прокрутке страницы russia091 Элементы интерфейса 24 05.11.2015 13:28
Как при обновлении страницы, сбросить атрибут disabled по умолчанию? Altai jQuery 6 17.04.2014 00:32
Как сделать чтобы элемент появлялся при скроле страницы, у определенного класса. SnakeAce Общие вопросы Javascript 1 30.01.2013 14:32
Как сделать так, чтобы JS при нажатии на кнопку не выполняла запрос со страницы. JSProgrammer Элементы интерфейса 3 18.05.2010 20:18