Win10窗口标题栏高度及滚动条宽度怎么设置

Win10窗口标题栏高度及滚动条宽度怎么设置,第1张

你好,

1、按Win+R打开运行,输入regedit回车打开注册表编辑器;

2、 展开 HKEY_CURRENT_USERControl PanelDesktopWindowMetrics;

3、在右侧找到CaptionHeight字符串值,它代表窗口标题栏的高度,其值计算方法为:-15期望高度(像素)。比如,希望窗口标题栏高度为18,那么其值应该为-1518=-270;

4、Win10窗口标题栏高度及滚动条宽度怎么设置、修改完成后注销重新登录就可以看到效果。

5、滚动条宽度对应的注册表键值为ScrollWidth,其计算方法与CaptionHeight相同。

<style>

b{

width:400px;

height:300px;

background-color:#CC0;

overflow-y:scroll;

}

</style>

<body>

<div class="b" id="b">子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单</div>

</body>

<script>

var w = documentgetElementById("b");

wonscroll=function(e)

{

consolelog(wscrollTop);

}

</script>

以上代码测试通过

var scrollTop = documentdocumentElementscrollTop || windowpageYOffset || documentbodyscrollTop;

<DIV ID=oDiv STYLE="overflow:scroll; width:200; height:100"> </DIV>

<BUTTON onclick="alert(oDivclientHeight)">client height</BUTTON>

<BUTTON onclick="alert(oDivoffsetHeight)">offset heightY</BUTTON>

这段代码你应该看得懂,这里你要搞清楚四个属性:

clientHeight:获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。

clientWidth:获取对象的宽度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。

offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。

详细的属性请参阅Dhtml手册

if(documentdocumentElement&&documentdocumentElementscrollTop)

    {

        scrollTop=documentdocumentElementscrollTop;

    }

    else if(documentbody)

    {

        scrollTop=documentbodyscrollTop;

    }

    if(scrollTop>50)

    {

    documentgetElementById('obj')styleopacity='0';

    }

获取浏览器显示区域的高度 :

$(window)height();

获取浏览器显示区域的宽度 :

$(window)width();

获取页面的文档高度 :

$(document)height();

获取页面的文档宽度 :

$(document)width();

获取滚动条到顶部的垂直高度 :

$(document)scrollTop();

获取滚动条到左边的垂直宽度 :

$(document)scrollLeft();

计算元素位置和偏移量:

$(id)offset();

以上就是关于Win10窗口标题栏高度及滚动条宽度怎么设置全部的内容,包括:Win10窗口标题栏高度及滚动条宽度怎么设置、实时获取div滚动条滚动距离、为啥我用 jQuery scrollTop方法获取的滚动条高度都是 0等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9704548.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存