css scrollbar ширина и круглый эффект

Question

есть способ, которым я могу установить ширину ширины полосы прокрутки по умолчанию в режиме погружения? у меня есть div с автоматической полосой прокрутки. что я хочу установить ширину полосы прокрутки в виде тонкой линии и скрыть как верхнюю, так и нижнюю стрелки.

Answer 1

Полосы прокрутки зависят от браузера/инструментария и не могут управляться непосредственно с помощью CSS. Вы можете реализовать свои собственные полосы прокрутки с помощью JavaScript, но это большая работа.

Answer 2

Вы должны взглянуть на это. работает потрясающе в каждом браузере.

Это очень простой в использовании и изменить все возможные стили из прокрутки (цвета, ширины и все, что вам нужно).

http://manos.malihu.gr/jquery-custom-content-scroller/

->direct link to demo page

Answer 3

Вы можете использовать WebKit функциональные возможности CSS в:

Вы можете прочитать об этом here.

Например:

::-webkit-scrollbar { 
width: 12px; 
} 

::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 6px  rgba(0,0,0,0.3); 
border-radius: 10px; 
} 

::-webkit-scrollbar-thumb { 
border-radius: 10px; 
-webkit-box-shadow: inset 0 0 6px  rgba(0,0,0,0.5); 
} 

создать бы ИОС-как скроллбар (DEMO)

Успехов

Answer 4

Эта ссылка: http://www.noupe.com/javascript/30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html

должны получить вы начали на JavaScript/Ajax скроллбары. Если вам интересно, конечно.