可以在IE7中更改滚动条的宽度（滚动DIV）

Is there any way to change the entire width of the horizontal scroll bar on a scrolling div (including the nudge arrows and the handle).

有没有办法在滚动div上更改水平滚动条的整个宽度(包括微移箭头和手柄)。

EDIT: I only need an IE7 solution - it's for a scrolling DIV on a touch screen terminal

编辑:我只需要一个IE7解决方案 - 它是在触摸屏终端上滚动DIV

Thanks

Matt

3 个解决方案

#1

Actually, I revise my statement... in IE7, you CAN do some scaling.

实际上,我修改了我的陈述...在IE7中,你可以做一些缩放。

<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>

zoom tells IE to scale up the contents by 500%, and I've set the font-size to be 1/5 of normal (thus remain the same)... this scales the scrollbars (but it looks a bit ugly at this zoom, since the images are raster based, not vector based.

zoom告诉IE将内容放大500%,我将font-size设置为正常值的1/5(因此保持不变)...这会缩放滚动条(但它看起来有点难看缩放,因为图像是基于光栅的,而不是基于矢量的。

#2

There is a way, but it's IMO not possible with JS or CSS.

有一种方法,但它是IMO不可能与JS或CSS。

If you have access to the terminal in question, you can set the theme property to have a larger scrollbar. It's at Control Panels -> Display -> tab Appearance -> Advanced -> item Scrollbar -> adjust size as desired (screenshot)

如果您有权访问相关终端,则可以将主题属性设置为具有更大的滚动条。它位于控制面板 - >显示 - >选项卡外观 - >高级 - >项目滚动条 - >根据需要调整大小(屏幕截图)

#3

You may want to roll your own scrollbar - manipulating the position of the div that is being scrolled using Javascript. I've seen it being done with big "up" and "down" arrows on touchscreen applications before. Using this approach you can style the scrolling control however you prefer to match your design.

您可能想要滚动自己的滚动条 - 操纵使用Javascript滚动的div的位置。我之前看到它在触摸屏应用程序上使用了大的“向上”和“向下”箭头。使用此方法,您可以设置滚动控件的样式,但您更喜欢匹配您的设计。

Here's a recent example that uses jQuery's slider to control a div.

这是最近使用jQuery的滑块控制div的示例。

#1