WordPress企业主题定制/开发/优化

jQuery鼠标上下滚动触发事件调用的写法

首页 » 精选JS » jQuery鼠标上下滚动触发事件调用的写法

jQuery鼠标上下滚动触发事件调用的写法

<script>
$(window).bind('mousewheel DOMMouseScroll', function(event){
if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
// scroll up
//事件代码
}
else {
// scroll down
//事件代码
}
});
</script>

==========================================================

//Firefox
$('#elem').bind('DOMMouseScroll', function(e){
if(e.originalEvent.detail > 0) {
//scroll down
console.log('Down');
}else {
//scroll up
console.log('Up');
}

//prevent page fom scrolling
return false;
});

//IE, Opera, Safari
$('#elem').bind('mousewheel', function(e){
if(e.originalEvent.wheelDelta < 0) {
//scroll down
console.log('Down');
}else {
//scroll up
console.log('Up');
}

//prevent page fom scrolling
return false;
});

分类与标签:

精选JS

相关项目