0

我正在制作一个 web 应用程序,我正在使用 CSS3 进行 div 转换,但我遇到了 Firefox 的一个大问题。我可以让 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)+"%)";
                }
        }
    }
}
4

2 回答 2

1

好吧,您在“过渡”和“转换”之间来回切换。即使在你的问题中。

obj.style.WebkitTransform = "translateX(17%)";
obj.style.MozTransform = "translateX(17%)";
obj.style.msTransform = "translateX(17%)";
obj.style.transform = "translateX(17%)";
于 2013-07-11T01:56:13.993 回答
0

对不起,我的问题是鼠标滚轮功能而不是css。当开始使用滑动时,我已经意识到了这一点。

于 2013-07-11T14:48:30.947 回答