jquery滚轮事件,js滚动条滚动事件

jquery使鼠标滚轮暂时失效

$(document).bind('mousewheel', function(event, delta) { return false; });

创新互联是一家专业提供泰山企业网站建设,专注与做网站、成都做网站、H5网站设计、小程序制作等业务。10年已为泰山众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

绑定滚轮事件，然后返回false就可以。

return true;可以恢复。

根据实际情况运用即可。

为什么jquery绑定滚轮事件，没有得到方向的值？

jquery 本身不支持mousewheel事件. 要添加个mousewheel插件才可以支持mousewheel事件.

jquery.nicescroll.min.js滚动条使用方法

(摘自博客园，原网址)

jquery.nicescroll.min.js滚动条使用方法,Nicescroll是制作自定义滚动条的jq插件。支持div,iframe,html等使用,兼容IE7-8,safari,firefox,webkit内核浏览器(chrome,safari)以及智能终端设备浏览器的滚动条。

页面使用：

$("html").niceScroll({

cursorcolor:"#E62020",

cursoropacitymax:1,

touchbehavior:false,

cursorwidth:"10px",

cursorborder:"0",

cursorborderradius:"5px"

})

nicescroll详细参数配置：

cursorcolor - 设置滚动条颜色，默认值是“＃000000”

cursoropacitymin - 滚动条透明度最小值

cursoropacitymax - 滚动条透明度最大值

cursorwidth - 滚动条的宽度像素，默认为5（你可以写“5PX”）

cursorborder - CSS定义边框，默认为“1px solid #FFF”

cursorborderradius - 滚动条的边框圆角

ZIndex的 - 改变滚动条的DIV的z-index值，默认值是9999

scrollspeed - 滚动速度，默认值是60

mousescrollstep - 滚动鼠标滚轮的速度，默认值是40（像素）

touchbehavior - 让滚动条能拖动滚动触摸设备默认为false

hwacceleration - 使用硬件加速滚动支持时，默认为true

boxzoom - 使变焦框的内容，默认为false

dblclickzoom - （仅当boxzoom = TRUE）变焦启动时，双点击框，默认为true

gesturezoom - boxzoom = true并使用触摸设备）变焦（仅当激活时，间距/盒，默认为true

grabcursorenabled“抢”图标，显示div的touchbehavior = true时，默认值是true

autohidemode，如何隐藏滚动条的作品，真正的默认/“光标”=只光标隐藏/ FALSE =不隐藏

的背景下，改变铁路背景的CSS，默认值为“”

iframeautoresize中，AUTORESIZE iframe上的load事件（默认：true）

cursorminheight，设置最低滚动条高度（默认值：20）

preservenativescrolling，您可以用鼠标滚动本地滚动的区域，鼓泡鼠标滚轮事件（默认：true）

railoffset，您可以添加抵消顶部/左轨位置（默认：false）

bouncescroll，使滚动反弹结束时的内容移动（仅硬件ACCELL）（默认：FALSE）

spacebarenabled，允许使用空格键滚动（默认：true）

railpadding，设置间距（默认：顶：0，右：0，左：0，底部：0}）

disableoutline，Chrome浏览器，禁用纲要（橙色hightlight）时，选择一个div nicescroll（默认：true）

为什么jquery没有封装鼠标滚轮事件

jquery本身处理DOM和兼容性体积已经很大了，不可能全部都封装进去了，否则作为一个类库过于臃肿就没有使用的必要了。但是像鼠标滚轮事件jquery是有jquery-mousewheel插件封装了。如果使用可以引用

求大神指点jquery鼠标滚轮事件的使用方法，小白（html）一枚，求赐教

并不是用单纯的mousewheel插件就可以的，这只是封装了一些滚动的兼容功能，并不包括其他的，用这个还需要自己根据这个插件写其他的js。你说的应该是这样的效果吧，，不过这样的效果兼容性比较差，因为他用了css3的transform属性，这也是一个这样的效果。

jQuery中有鼠标滚轮事件么？

jquery插件默认是不支持鼠标中轮滚轮事件的。jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的即-1，那么滚轮就是向下滚动，正的1就是向上。

1.下载jquery-mousewheel插件。

2,复制代码: $('body').mousewheel(function(event, delta) {        var dir = delta 0 ? 'Up' : 'Down';        if (dir == 'Up') {

console.log('向上滚动');

} else {

console.log('向下滚动');

}        return false;

});