function wheel(wrap, subBox, speed){
wrap[0].onmousewheel = scrollFn;
wrap[0].addEventListener("DOMMouseScroll", scrollFn)
function scrollFn(e){
var e = e || window.event;
var lr = "";
var value = e.wheelDelta || e.detail;
if(value === -3 || value === 120){
lr = "上";
}else if(value === 3 || value === -120){
lr = "下";
}
move(wrap, subBox, speed, lr)
}
function move(wrap, subBox, speed, lr){
var left = parseInt(subBox.css("left"));
var range = (parseInt(subBox.css("width")) - parseInt(wrap.css("width"))) * -1;
if(lr === "上"){//left++
speed = Math.abs(speed);
}else if(lr === "下"){
speed = Math.abs(speed) * -1;
}
speed += left;
subBox.css({left: speed});
if(speed >= 0){
subBox.finish().animate({left: 0});
}
if(speed <= range){
subBox.finish().animate({left: range});
}
}
}
鼠标滚轮事件兼容处理、实现内容横向滑动效果
最新推荐文章于 2024-07-12 16:05:19 发布