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

Question

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

Answer 1

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

body { overflow: hidden; }

Answer 2

Это помогает:

body,
html {
  position: fixed;
}

Протестировано и проверено на iOS8 и iOS9.

Answer 3

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