jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery – 在不可滚动的div上滚动事件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
例如: http://jsbin.com/ofifiy/2/edit#preview

我尝试使用不可滚动的div(绿色)滚动div(红色).
我的问题是,当我滚动绿色div时,jquery scroll()不会触发.

HTML

@H_616_12@<div id="targetWithNoScroll" style="border:1px solid #0f0; width:100px; height:100px;"> scroll here = scroll the red div<br /> </div>

JS

@H_616_12@$('#targetWithNoScroll').scroll(function() { $('body').append('No scroll <br />'); });

解决方法

您需要将mousewheel事件绑定到该div.
不幸的是,没有本机jQuery鼠标滚轮事件,所以你必须选择一个插件或自己编写.但我建议你选择其中一个,因为它可以节省你很多时间:

http://brandonaaron.net/code/mousewheel/demos/

http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

http://www.ogonek.net/mousewheel/jquery-demo.html

大佬总结

以上是大佬教程为你收集整理的Jquery – 在不可滚动的div上滚动事件全部内容,希望文章能够帮你解决Jquery – 在不可滚动的div上滚动事件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。