css overflow属性定义了元素处理溢出内容的方式https://www.apiref.com/css-zh/properties/layout/overflow.htm
visible:
对溢出内容不做处理,内容可能会超出容器。
hidden:
隐藏溢出容器的内容且不出现滚动条。
scroll:
隐藏溢出容器的内容,溢出的内容可以通过滚动呈现。
auto:
当内容没有溢出容器时不出现滚动条,当内容溢出容器时出现滚动条,按需出现滚动条。textarea元素的overflow默认值就是auto。
clip:
与hidden一样,clip也被用来隐藏溢出容器的内容且不出现滚动条。不同的地方在于,clip是一个完全禁止滚动的容器,而hidden仍然可以通过编程机制让内容可以滚动。
css只是层叠样式表,是控制页面的样式的,并不能对一些操作进行控制。至于禁止鼠标滑轮的滚动是需要用js控制的,在js中有一个mousewheel事件,对这个事件进行设置,可以实现对鼠标滚轮的一些操作。document.body.parentNode.style.overflow = “hidden"//隐藏且禁用横向纵向两个滚动条document.body.parentNode.style.overflow = “auto"//开启横向纵向两个滚动条
document.body.parentNode.style.overflowX = ”hidden“//隐藏横向滚动条
document.body.parentNode.style.overflowX = ”auto“//开启横向滚动条
document.body.parentNode.style.overflowY = ”hidden“//隐藏纵向滚动条
document.body.parentNode.style.overflowY = ”auto“//开启纵向滚动条