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

html-css014

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

css只是层叠样式表,是控制页面的样式的,并不能对一些操作进行控制。至于禁止鼠标滑轮的滚动是需要用js控制的,在js中有一个mousewheel事件,对这个事件进行设置,可以实现对鼠标滚轮的一些操作。

我们常用cursor的小手属性,今天看了一篇技术文档,既惊且喜,发现了W3C上没有的属性。 首先罗列一下w3c上的cursor属性新发现的大陆 cursor:no-drop       //是一个红色的圈加一个斜杠,表示禁止的意思 cursor:not-allowed   //是一个红色的圈加一个斜杠,表示禁止的意思

将以上JavaScript代码放在<head></head>之间便可以实现

或者将<body>写成<body oncontextmenu="return false">就OK了

但要阻止看源代码的话,很难