Как скрыть скролл, но оставить прокрутку?

Здравствуйте.

Имеется 3 секции, поделенные на всю высоту экрана, навигация осуществляется по якорю в меню.
Для навигации использую jQuery.ScrollTo.
Но дело в том, что прокрутка не работает, если для html/body задать overflow: hidden;, оно и понятно.
Как, собственно, скрыть панель скролла, но оставить прокрутку по якорям?

Вот пример по использованию плагина ScrollTo - www.xiper.net/examples/js-plugins/effects/scrollto... Пропишите для html overflow: hidden; и увидите, что навигация уже не работает.
  • Вопрос задан
  • 7543 просмотра
Пригласить эксперта
Ответы на вопрос 1
@kfuntov
Есть грязный хак с двумя элементами, один в другом, внутренний имеет overflow auto, а внешний hidden

#main{
    height: 500px;
    border: 1px solid green;
    width: 200px;
    overflow: hidden;
}

#child{
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-right: 15px;
}

stackoverflow.com/questions/16670931/hide-scroll-b...
jsfiddle.net/5GCsJ/4
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы