×

滚动条宽度 滚动条

Win10系统怎样调整窗口标题栏高度和滚动条宽度?div 如何加滚动条

admin admin 发表于2022-05-22 21:01:02 浏览130 评论0

抢沙发发表评论

Win10系统怎样调整窗口标题栏高度和滚动条宽度


  • 右键开始菜单,找到“运行”选项或者win+R键

  • 运行框中输入regedit,并回车

  • 打开注册表,在编辑中点击查找:输入ScrollWidth(滚动条宽度)。CaptionHeight(标题的高度),来查找相应的字符串值。

  • 找到ScrollWidth,双击更改它的字符串值。默认是-252。

    其值计算方法为:-15*期望宽度(像素)。比如,我希望滚动条宽度为10,那么其值应该为-15*10=-150。CaptionHeight也是一样的计算方法

  • 单机确定,重启电脑后生效。


div 如何加滚动条


div 加滚动条的两种方法:

一、

《div style=“ overflow:scroll; width:400px; height:400px;”》《/div》

记住宽和高一定要设置噢,否则不成的

不过在不超出时,会有下面的滚动条,所以不是最好的选择

二、

《div style=“ overflow-y:auto; overflow-x:auto; width:400px; height:400px;”》《/div》

记住宽和高一定要设置噢,否则不成的

这样比较好的是,在宽和高不超出时,只是一条线

三、说明

直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:

《div style=“position:absolute; height:400px; overflow:auto“》

《/div》

如果要出现水平滚动条,则: overflow-x:auto

同理,垂直滚动条为: overflow-y:auto

如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative


css设置div滚动条样式


目前只有chrome支持设置滚动条样式,给div设置伪类

  • ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的

  • ::-webkit-scrollbar-button 滚动条两端的按钮

  • ::-webkit-scrollbar-track  外层轨道

  • ::-webkit-scrollbar-track-piece  内层滚动槽

  • ::-webkit-scrollbar-thumb 滚动的滑块

  • ::-webkit-scrollbar-corner 边角

  • ::-webkit-resizer 定义右下角拖动块的样式

如div::-webkit-scrollbar{

    width:4px

}