css如何在页面内出现滚动条的地方禁止鼠标滑轮滚动

html-css012

css如何在页面内出现滚动条的地方禁止鼠标滑轮滚动,第1张

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“//开启纵向滚动条