在鼠标移动时移动Div

时间:2014-10-30 09:44:14

标签: javascript jquery

我有jquery代码,触发div在鼠标滚轮上移动。

以下代码适用于鼠标滚轮移动。

我想要实现的是,当鼠标移动到屏幕的左侧或右侧时,我希望div移动?

function scrollLeft() {
    var $left = Math.abs(Number($galleryList.css("margin-left").replace("px", "")))
    ;
    if ($left - itemWidth <= 0) {
        $galleryList.css({"margin-left": ""});
    }
    else {
        $galleryList.css({"margin-left": -1 * Number($left - itemWidth) + "px"});
    }
    $(document).trigger("mousemove");
}

function scrollRight() {
    var $left = Math.abs(Number($galleryList.css("margin-left").replace("px", "")))
    ;

    if ($galleryList.width() < itemWidth + $left + $window.width()) {
        $galleryList.css({"margin-left": -1 * Number($galleryList.width() - $window.width()) + "px"});
    }
    else {
        $galleryList.css({"margin-left": -1 * Number($left + itemWidth) + "px"});
    }
    $(document).trigger("mousemove");
}

$window.on("mousewheel", function (event) {
    if (stackedMode) {
        return true;
    }
    if (event.deltaY == 1) { // left
        scrollLeft();
    }
    else if (event.deltaY == -1) { // right
        scrollRight();
    }
    animating = true;
    setTimeout(function () {
        animating = false;
    }, 500);
})

0 个答案:

没有答案