Скрыть полосу прокрутки, как на сайте Teehan + Lax

Question

Скрыть полосу прокрутки, как на сайте Teehan + Lax

0

У меня есть навигационная система, которая очень сильно напоминает веб-сайт teehan + lax и хочет скрыть полосу прокрутки, когда нажата кнопка "menu", и вы сможете прокручивать ее.

Как здесь: teehanlax.com

Я попытался использовать overflow: скрытый в контейнере с overflow-y: прокрутка содержимого, но он не скрывал полосу прокрутки.

Я также рассмотрел те же вопросы, что и в stackoverflow, но никто из них не ответил на мою проблему, и я думаю, что пример, который поможет вам помочь.

Спасибо за ваше время.

user2354357 20 фев. 2014, в 21:20

Источник

Теги:

jquery

css

scroll

overflow

hide

1 ответ

Ещё вопросы

nwalton · Accepted Answer · 2014-02-20T18-24-00.000Z

Похоже, что они используют фиксированную позицию с правым отступом 100px, чтобы просто скрыть полосу прокрутки с экрана. Поскольку вы не можете прокручивать ось x, вы никогда не увидите ее, даже если она есть. Вот соответствующий CSS.

.scrollWindow{
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 100px;
}

Здесь jsfiddle

Вау, это на самом деле очень просто и умно. Не могу поверить, что я не понял это. Работает отлично! Большое спасибо.
Я был действительно впечатлен этим тоже. Я думаю, что я мог бы использовать его на сайте, над которым я сейчас работаю.