2008-11-03 3 views
5

Есть ли способ изменить всю ширину горизонтальной полосы прокрутки на прокручиваемом div (включая стрелки подталкивания и дескриптор).Можете ли вы изменить ширину полосы прокрутки (прокрутка DIV) в IE7

EDIT: Мне нужно только раствор IE7 - это для прокрутки DIV на терминал с сенсорным экраном

Благодаря

Matt

+0

Просьба уточнить: Вы имеете в виду всю полосу прокрутки, включая стрелки подталкивания, или просто бит, который вы можете перетащить (он же «ручка»)? – philistyne 2008-11-03 16:35:17

ответ

2

На самом деле, я пересмотреть свое заявление ... в IE7 , вы CAN сделать немного масштабирование.

<div style="zoom:5;font-size:20%;overflow-x:auto;"> 
    Hello World!  Hello World!  Hello World!  Hello World!  Hello World!  Hello World!  Hello World! 
</div> 

зум говорит IE для расширения содержимого на 500%, и я установить размер шрифта, чтобы быть 1/5 от нормального (при этом остается неизменным) ... это масштабирует скроллбар (но это выглядит немного некрасиво при этом увеличение, так как изображения растровой основе, а не вектор, основанный.

0

Существует способ, но это ММО не представляется возможным с JS или CSS.

Если у вас есть доступ к терминалу в вопросе вы можете установить для свойства темы большую полосу прокрутки. На панели управления -> Дисплей -> вкладка Внешний вид -> Дополнительно -> элемент Полоса прокрутки -> настроить размер по желанию (screenshot)

0

Возможно, вам захочется свернуть собственную полосу прокрутки - манипулировать положением div, который прокручивается с помощью Javascript. Я видел, как это делалось с большими стрелками «вверх» и «вниз» на сенсорных приложениях раньше. Используя этот подход, вы можете стилизовать элемент управления прокруткой, но вы предпочитаете соответствовать вашему дизайну.

Вот recent example, который использует ползунок jQuery для управления div.

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