Блог о современных технологиях в интернете

Node.js, MongoDB, CoffeeScript, JavaScript, HTML5, CSS3, Zend Framework, PHP, Git, Social, Analytics

Август 1, 2011 at 5:38pm
Метки: css html os x lion safari

Как запретить “резиновую прокрутку” в Safari 5.1

Safari 5.1 — это версия по-умолчанию в OS X Lion. Вместе с ней мы получили “резиновую прокрутку”, как на устройствах iOS. Однако на некоторых веб-сервисах, где нужно использовать прокрутку одного из элементов дизайна, то есть не всего сайта, такая прокрутка очень мешает. Это сервисы как Google Reader, Twitter, наша внутренняя система и другие.

Исправить этот недочет можно следующим образом:

html, body {
  height: 100%;
  overflow: hidden;
}

Конечно, такой метод убьет любую прокрутку на сайте, поэтому нужно не забывать добавить “overflow: auto" для необходимых элементов.

Комментировать