我正在尝试使用鼠标滚轮将图像从一侧移动到另一侧。默认情况下,图像设置为绝对位置,左侧= 100px。它不允许滚动使用parseInt移动图像,但是如果我把它取出它会立即移动到left = 0px。我希望能够为每个车轮点击移动几个像素。
window.onload = function() {
if (document.body.addEventListener) {
document.body.addEventListener("mousewheel", MouseWheelHandler, false);
document.body.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
}
else document.body.attachEvent("onmousewheel", MouseWheelHandler);
function MouseWheelHandler(e){
// cross-browser wheel delta
var e = window.event || e; // old IE support
var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
img1.style.left = Math.max(0, Math.min(1100, parseInt(img1.style.left) + (delta))) + "px";
return false;
}
};
答案 0 :(得分:0)
请勿使用该活动!它没有得到很好的支持,可能让你感到头痛。
https://developer.mozilla.org/en-US/docs/DOM/DOM_event_reference/mousewheel