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

JavaScript06

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

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

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

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

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

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

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

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

你再判断一下不就行了就像你这里这样比如大于三百让他回到原来的位置,如果你是想判断到底向下滚,还是向上滚,可以定义一个全局变量记录上次的scrollTop,然后和这次的比较,上次减去这次大于0,说明向上,否则向下