Javascript 仅使用滚动条而不是鼠标滚轮滚动

Javascript 仅使用滚动条而不是鼠标滚轮滚动,javascript,html,webkit,scrollbar,vertical-scrolling,Javascript,Html,Webkit,Scrollbar,Vertical Scrolling,我有一个页面,其中div有overflow-y:scroll 我希望该div仅支持使用滚动条轨迹上的滚动条拇指滚动,而不是使用鼠标滚轮滚动。页面应该滚动到元素旁边 该页面在电子窗口中呈现,永远不会在其外部使用,因此非常欢迎任何花哨的webkit解决方案 我曾尝试在JavaScript(jQuery)中摆弄,在.on('mousewheel')事件上返回false,但这会阻止在悬停div并使用鼠标滚轮滚动时在div周围的页面上滚动 我该怎么做?是否可以只使用CSS,或者我需要使用JavaScrip

我有一个页面,其中div有
overflow-y:scroll

我希望该div仅支持使用
滚动条轨迹上的
滚动条拇指
滚动,而不是使用鼠标滚轮滚动。页面应该滚动到元素旁边

该页面在电子窗口中呈现,永远不会在其外部使用,因此非常欢迎任何花哨的webkit解决方案

我曾尝试在JavaScript(jQuery)中摆弄,在
.on('mousewheel')
事件上返回
false
,但这会阻止在悬停div并使用鼠标滚轮滚动时在div周围的页面上滚动

我该怎么做?是否可以只使用CSS,或者我需要使用JavaScript?(这很好)

下面是非常简单的标记

body,html{
身高:100%;
}
.Nomouseheel{
溢出y:滚动;
宽度:300px;
高度:240px;
}

文件
Lorem ipsum dolor坐在amet Concertetur,告别精英。连续性累赘静脉、自由眼动照明、同侧耳、共通静脉和布兰迪静脉,是否是一种真正的尊严?Lorem ipsum dolor坐在amet Concertetur,告别精英。连续性累赘静脉、自由眼动照明、同侧耳、共通静脉和布兰迪静脉,是否是一种真正的尊严?Lorem ipsum dolor坐在amet Concertetur,告别精英。连续性累赘静脉、自由眼动照明、同侧耳、共通静脉和布兰迪静脉,是否是一种真正的尊严?

有关如何处理鼠标滚轮事件,请访问以下网站。


基本上,您必须侦听鼠标滚轮事件并执行event.preventedafult()以停止默认操作。

有关如何处理鼠标滚轮事件,请参阅以下网站。

基本上,您必须侦听鼠标滚轮事件并执行event.preventDeafult()以停止默认操作