我正在尝试使用鼠标滚轮将图像从一边移动到另一边。默认情况下,图像设置为绝对位置和left=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;
}
};发布于 2014-02-27 14:05:40
不要使用该事件!它没有得到很好的支持,可能会让你头疼。
https://developer.mozilla.org/en-US/docs/DOM/DOM_event_reference/mousewheel
https://stackoverflow.com/questions/22060189
复制相似问题