HTML怎么添加滚动条_IT百科

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：<div style="overflow: scroll">hello world!</div>。

3、浏览器运行index.html页面，此时成功在html中指定的div中添加了滚动条。

这是滚动条给宽度 overflow-x：auto就可以了，可以设置滚动条样式

scrollbar-arrow-color: color/*三角箭头的颜色*/

scrollbar-face-color: color/*立体滚动条的颜色（包括箭头部分的背景色）*/

scrollbar-3dlight-color: color/*立体滚动条亮边的颜色*/

scrollbar-highlight-color: color/*滚动条的高亮颜色（左阴影？）*/

scrollbar-shadow-color: color/*立体滚动条阴影的颜色*/

scrollbar-darkshadow-color: color/*立体滚动条外阴影的颜色*/

scrollbar-track-color: color/*立体滚动条背景颜色*/

scrollbar-base-color: color/*滚动条的基色*/

大概就这些，你也可以定义cursor来定义滚动条的鼠标手势。

这是一个网友的代码你可以参考一下

<!doctype html>

<html>

<head>

<title>无标题文档</title>

</head>

function mstart(a){

//设置初始数据setdata（）

a.dataTransfer.setData("Text",a.target.id)

}

function mover(a){

//把系统默认鼠标或拖拽 *** 作屏蔽掉

a.preventDefault()//屏蔽系统默认的dragover引发的效果

}

function mdrop(a){

a.preventDefault()

var data=a.dataTransfer.getData("Text")

a.target.appendChild(document.getElementById(data))

}

</script>

<body>

<br>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

HTML怎么添加滚动条