由于Firefox与其他浏览器兼容问题额不同,如果用JavaScript的虎需要判断是什么浏览器,但是如果用jQuery的话,只需要下载一个插件jquery.mousewheel.js 然后代码实现很简单,如下所示两种办法,当delta为1时代表正在上滑,delta为-1时代表了下滑
// using bind
$('#my_elem').bind('mousewheel', function(event, delta, deltaX, deltaY) {
if (window.console && console.log) {
console.log(delta, deltaX, deltaY);
}
});
// using the event helper
$('#my_elem').mousewheel(function(event, delta, deltaX, deltaY) {
if (window.console && console.log) {
console.log(delta, deltaX, deltaY);
}
});