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中添加了滚动条。

获取range的值就行了，然后将其显示出来，你实时改变range的值，显示的就会实时改变

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function change() {

var value = document.getElementById('range').value

document.getElementById('value').innerHTML = value

}

</script>

</body>

</html>

<div>显示度量值： <span id="value">0</span>%</div>

<p>IE 不支持 meter 标签</p>

<p>进度条每0.5秒钟增加1%，直至到100%，然后再重复</p>

</details>

let meter = document.getElementById('meter')

let myValue = document.getElementById('value')

setInterval(function () {

if (meter.value == 100) {

meter.value = 0

} else {

meter.value += 1

}

myValue.innerHTML = meter.value

}, 500)

</script>

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

HTML怎么添加滚动条