Отключить поведение "overscroll" Safari 5 с помощью CSS или JavaScript

Safari 5 на OS X Lion позволяет прокручивать видимые границы страницы, показывая текстуру льна под ней. Это приятный эффект, но для некоторых веб-приложений - особенно тех, у которых есть элементы фиксированной позиции, такие как боковая панель - это может отвлекать. Кто-нибудь знает, как отключить эффект с помощью CSS или JavaScript? Это должно быть возможно, потому что некоторые сайты, такие как Apple, iCloud сделали это.

Ответ 1

Существует сообщение в блоге, в котором говорится о том, что вам нужно сделать, чтобы отключить эластичную прокрутку как на Mac OS X, так и на устройствах iOS. Согласно сайту, это выглядит так же просто, как и следующее правило CSS для настольных браузеров:

body { overflow: hidden; }

Ответ 2

Это трюк:

body,
html {
  position: fixed;
}

Протестировано и проверено с помощью iOS8 и iOS9.

Ответ 3

html { overflow: hidden;}
body { overflow: scroll;}