Login
网站首页 > 文章中心 > 其它

html页面滚动条设置

作者:小编 更新时间:2023-07-27 11:32:45 浏览量:227人看过

给你两种选择

1直接css解决

在中间位置随便来个元素,并且者链给元素一个id

2js解决

document.getElementById('but').onclick=function(){

var cha=(document.body.scrollHeight-document.body.clientHeight)/2;

scroll(0,cha.toFixed(0));

}

升圆

滚动条的设置有两种方式:

如唤凯

;

js方式: window.onload=function(){

document.getElementById('haha').onclick=function(){

var scrollHeight=document.body.scrollHeight/2;

scroll(0,Math.round(scrollHeight));

overflow-y:scroll

html 元素高度设置成定高,

css 属性中的overflow设置成auto. 当元素内容溢出设定的高唤渣仔度时自动出和汪现滚动条.

css其梁敬他相关设定:

overflow-x 设置水平滚动条

overflow-y 设置垂直滚动条

这里是你要显示的内容 这里是你要显示的内容 这里是你要显示巧纯的内容 SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)

SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)

SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色)

SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色)

SCROLLBAR-BASE-COLOR(滚动条的基本颜色)

SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的顷迟颜色)

以上就是土嘎嘎小编大虾米为大家整理的html页面滚动条设置相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章