Div Горизонтальная полоса прокрутки

Question

Div Горизонтальная полоса прокрутки

0

Я создал горизонтальную галерею для веб-сайта клиента, которая функционирует достаточно хорошо, а не лучший способ для галереи, но это то, что они хотели:

http://www.lisagleeson.com/galleries/fashion/

Это было сделано с использованием следующего кода:

#galleryWrapper {
height: 525px;
width: 100%;
background-color: #ffffff;
padding: 10px 0px 10px 0px;
float: left;
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
}

Они сообщают, что немного сложно прокрутить эти изображения слева направо, часть из этого состоит в том, что в div нет полосы прокрутки. Мне нужна помощь в том, как добавить эту полосу прокрутки, не переходя к использованию iFrame.

mwgideon 20 март 2014, в 06:05

Источник

0

Так в чем проблема? Я вижу полосу прокрутки на машине Windows. Я думаю, что полоса прокрутки видна и на Apple Mac.
Gromo 20 март 2014, в 14:44
0

Я посмотрел на Firefox, Chrome и Safari, а полоса прокрутки видна только после использования сенсорной панели. Думаю, я думаю, что должно быть что-то видимое с помощью мыши.
mwgideon 20 март 2014, в 17:58

Теги:

html

scrollbar

1 ответ

Ещё вопросы

Так в чем проблема? Я вижу полосу прокрутки на машине Windows. Я думаю, что полоса прокрутки видна и на Apple Mac.
Я посмотрел на Firefox, Chrome и Safari, а полоса прокрутки видна только после использования сенсорной панели. Думаю, я думаю, что должно быть что-то видимое с помощью мыши.

Gromo · Accepted Answer · 2014-03-21T02-00-00.000Z

В вашем случае вы можете сделать "индикатор выполнения", который отобразит текущую позицию прокрутки, что-то вроде полосы прокрутки. Прослушайте событие scroll на слайдере и обновите позицию индикатора выполнения. Если вы не планируете двухстороннее взаимодействие (перетащите этот индикатор выполнения и ползунок прокрутки), тогда код JS будет прост.

Здесь я вижу только одну проблему: прогресс-бар-дизайн :) Есть много примеров баров прогресса - полоса прокрутки с дорожкой, простая полоса прокрутки, пейджинг с радиокнопками и т.д....

Если вы хотите сделать перетаскивание прокрутки, вы можете использовать панель прокрутки jQuery, которая скрывает собственную полосу прокрутки, но все же позволяет прокручивать мышью/касанием (а не эмуляцию JS!). Полосы прокрутки полностью настраиваются на CSS.