首页 / 知识
overflow的滚动有哪些重要性
2023-04-11 15:07:00
原理
设置一个块级作用域溢出的效果，只需要在外部块的位置上设置overflow:scroll和height:xx即可。
此时，块级作用域的内容位移超出外部块的位移就会出现滚动条，当内部块滚动时，我们能看到滚动效果。这里的实现方式有二种，对父元素（简称外部块）进行设置（top:0和bottom:0）能固定滚动区域，还有一种设置父元素的高度height:xx来完成滚动效果。
如果你看到的滚动条是浏览器边缘的滚动条，那么说明没有绑定scroll滚动事件。
以往，我们使用他是为了不让文本内容暴露出来，把子元素和父元素的资源隔绝开来，如果要通过一个http端口访问包含的数据内容，一般要加载数据时会使用这个方法，用户鼠标滚动到相应的位置才会去同步加载数据，如一个页面的list列表数据从后台获取，通过ajax更新数据同步到HTML上。还有滚动绑定事件的作用，这就是视觉交叉的功能。
滚动事件
overflow滚动包含overflow-x和overflow-y以及overflow直接滚动多余的部分，不过水平滚动和垂直滚动的效果不同，我们可以根据滚动的width宽和height高的大小来做不同的滚动事件处理。
三个关键
overflow滚动的事件处理，在css上要写三个关键因素，一为position:absolute，二为overflow:scroll，三为top:位移,bottom:位移(或height固定)，如果我们在组件上调用其他事件时，使用到overflow滚动的效果，就会让组件变得更加丰富多彩。
结尾
如果你忘了设置overflow:scroll和高度height或top和bottom，你可能会一直在这个地方绕弯路，所以为了避免出现滚动绑定事件，我们需要设置overflow和位移量。
本文转载自中文网 |
最新内容
相关内容
python有map方法吗
python有map方法吗，培训，位置，数据，函数，列表，序列，参数，元素，方法，使用方法，python中的map：map()会根据提供的函数对指定序列做映射。第一个
pythondef有什么作用
pythondef有什么作用，代码，培训，名字，函数，括号，内部，定义，功能，作用，参数，python使用def开始函数定义，紧接着是函数名，括号内部为函数的参数，内
pythonpython与c区别有哪些
pythonpython与c区别有哪些，数据，培训，数字，标准，地址，概念，类型，语言，对象，变量，python与C的区别如下：1、语言类型不同Python是一种动态类型
python如何设置编码格式
python如何设置编码格式，代码，培训，一致，声明，文件，头部，格式，注释，中文，以下，如果要在python2的py文件里面写中文，则必须要添加一行声明文件
pythonc语言取余和python取余的区
pythonc语言取余和python取余的区别，培训，资料，语言，负数，区别，被除数，符号，除数，规定，余数，今天看书发现python与C的负数取余运算结果不同,
pythonPython里有死循环吗?
pythonPython里有死循环吗?，培训，对比，方法，道理，以上，代表，程序，更多，内容，何为死循环?在编程中，一个无法靠自身的控制终止的循环被称为死循
python为什么没有return返回值
python为什么没有return返回值，培训，函数，语句，参数，赋值，变量，语法，下面，实际，以上，python中，用def语句创建函数时，可以用return语句指定应该
python如何定义接受参数的函数
python如何定义接受参数的函数，信息，培训，位置，参数，函数，列子，效果，定义，更多，内容，python中的函数可以有参数，也可以无参数，参数可以分为默认
python爬虫和数据分析有哪些第三方
python爬虫和数据分析有哪些第三方库？，培训，爬虫，和数，以上，更多，内容，以上内容为大家介绍了爬虫和数据分析有哪些第三方库，希望对大家有所
python没有main函数吗
python没有main函数吗，入口，代码，培训，位置，方法，函数，文件，程序，都会，属性，相信很多初学python的人看代码的时候都会先找一下main()方法，从ma
python脚本和网页的区别是什么
python脚本和网页的区别是什么，网站，培训，设计，通用，标准，平台，网页，语言，脚本，标记，python是一种计算机程序设计语言，一种面向对象的动态类型
python有字符型吗
python有字符型吗，培训，数据，字符串，字符，引号，中文，内容，也就是，源程序，比如说，python中有字符类型，也就是字符串。简单地理解，字符串就是“一