2013-11-14 13 views
0

Есть ли все-таки скрыть полосы прокрутки веб-браузера, jquery или css? Я все еще хочу прокручивать внутри элемента, поэтому я не хочу использоватьСкрыть полосу прокрутки веб-браузера

overflow: hidden 

Заранее спасибо.

+2

Как люди должны прокручивать, если нет полосы прокрутки? – Quentin

+1

переполнение скрыто на странице, переполнение auto на контейнере – mplungjan

+1

Зачем вам это нужно, кроме как раздражать ваших пользователей? –

ответ

-1

Применение overflow: hidden к body является единственным надежным/кросс-браузерным методом удаления полосы прокрутки главного окна.

Вы по-прежнему можете применять overflow: scroll или overflow: auto к элементам-потомкам, чтобы обеспечить внутреннюю прокрутку. Это поможет получить более подробную информацию о вашем конкретном случае.

+0

Да, но использование переполнения скрыто, я не могу прокручивать элемент (без отображения полосы прокрутки) – Antegeia

+0

Вы можете использовать 'overflow: hidden', чтобы скрыть полосы прокрутки по умолчанию, а затем прокручивать содержимое внутри любого элемента с помощью Javascript (вы могли бы это сделать с пользовательским jQuery довольно легко, или использовать что-то вроде jScrollPane). В противном случае я не уверен, что вы ожидаете здесь - вам нужна прокрутка для прокрутки! – Ennui

+0

, поэтому вы не говорите о сокрытии полос прокрутки браузера, а о полосах прокрутки скрывающего элемента. Затем проверьте мои изменения ... – Legionar

3

overflow: hidden;, примененный к body, отключит полосы прокрутки только в браузере, в ваших внутренних элементах вы все равно сможете их использовать.

До сих пор у нас переполнение: спрятано на теле. Однако IE не всегда соблюдает это, и вам нужно также установить scroll = "no" на элемент body и/или переместить место: скрыть также элемент html.

Вы можете принять это еще больше, когда вам нужно «взять под контроль» в вьюпорте вы можете сделать это: -

<style> 
body {width:100%; height:100%; overflow:hidden, margin:0} 
html {width:100%; height:100%; overflow:hidden} 
</style> 

Элемент предоставляется высота 100% в организме имеет полную высоту окна окно просмотра, и элемент, расположенный абсолютно используя дно: nnPX будет установлен Nn пикселей выше нижнего края окна и т.д.

Редакцией:

Я предполагаю, что вы написали это хаотическое :)

Если вы не говорили о скроллинге браузера, но о скрытии скроллбаров элемента, но все еще быть в состоянии прокручивать внутри, чем проверить эту ссылку: http://hynchrstn.wordpress.com/2012/06/10/hide-scrollbar-but-still-scrollable-using-css/

Смежные вопросы