如何使用JS控制DIV内容的滚动条

JavaScript025

如何使用JS控制DIV内容的滚动条,第1张

1、首先需要新建一个HTML文档,这里设立一下基本的架构。

2、再新建一个CSS文件,用link关联一下HTML文档。

3、创建DIV标签,并且往里面填充内容。

4、先设定一下滚动条内框的大小。

5、用border先来查看是否有超出,这里可以看出超出了很多内容。

6、overflow-y: scrolloverflow-x: scroll加上这个样式滚动条就会出现了。

7、现在就能对轨道和滚动条进行样式的设置了。

1、首先打开电脑上的记事本。

2、在记事本中写入如下代码:<html><head><body><marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount=1 scrolldelay=7 direction=up width=270 height=77>。

3、上面的代码是实现每行文字,1、2、3、4的自动在网页播放。

4、然后将文件名保存为:xxxx.html文件,既然是网页上展示就保存为.html的文件格式。

5、鼠标移动到这个网页文件上网,使用右键选择打开方式,选择浏览器打开。

6、打开后就可以看到实现后的效果了。