Question

我正在制作一个webapp，我正在使用CSS3进行div转换，但我遇到了一个很大的问题。我可以让Chrome，Opera和IE正常工作，但不是firefox。要设置我使用的工作浏览器：

obj.style.WebkitTransform = "translateX(17%)";
obj.style.MozTransform= "translateX(17%)"; //edited
obj.style.msTransform = "translateX(17%)";
obj.style.transform= "translateX(17%)"; //edited

我尝试过jQuery $（“＃content”）。css（“ - moz-transform”，“translateX（17％）”）;我在互联网上找到的很多东西都没有。任何消化？

编辑：在上下文中，这是原始功能：

    function mousewheelEvt(obj) {

    if (window.addEventListener)
        window.addEventListener('DOMMouseScroll', wheel, false);
    window.onmousewheel = document.onmousewheel = wheel;

    var slide=0;

    function wheel(event) {
        var delta = 0;
        if (!event) event = window.event;
        if (event.wheelDelta) {
            delta = event.wheelDelta;
            if (window.opera) delta = -delta;
        }
        if (delta)
        {

            if (delta < 0 && slide<=0 && slide>-6)
                 {
                    slide--;
                    console.log(slide);
                obj.style.WebkitTransform = "translateX("+(17*slide/2)+"%)";
                obj.style.MozTransform = "translateX("+(17*slide/2)+"%)";
                obj.style.msTransform = "translateX("+(17*slide/2)+"%)";
                obj.style.transform = "translateX("+(17*slide/2)+"%)";
                 }

            else if (delta > 0 && slide<=-1 && slide>=-6)
                {
                    slide++;
                    console.log(slide);
                obj.style.WebkitTransform = "translateX("+(17*slide/2)+"%)";
                obj.style.MozTransform = "translateX("+(17*slide/2)+"%)";
                obj.style.msTransform = "translateX("+(17*slide/2)+"%)";
                obj.style.transform = "translateX("+(17*slide/2)+"%)";
                }
        }
    }
}

Answer 1

嗯，你在“过渡”和“变换”之间来回切换。即使在你的问题中。

obj.style.WebkitTransform = "translateX(17%)";
obj.style.MozTransform = "translateX(17%)";
obj.style.msTransform = "translateX(17%)";
obj.style.transform = "translateX(17%)";

Answer 2

抱歉，我的问题在于鼠标滚轮功能，而不是css。当我开始使用滑动时，我已将它集中在一起。

用JS设置CSS -moz-transition

2 个答案: