JS로 CSS -moz-transition 설정

webapp을 만들고 CSS3를 사용하여 div 변환을 만들었지 만 Firefox에서 큰 문제가 있습니다. 크롬, 오페라, IE는 작동하지만 파이어 폭스는 작동하지 않게 할 수 있습니다. 작업 브라우저를 설정하려면 내가 사용JS로 CSS -moz-transition 설정

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

내가의 jQuery $ ("# 내용") CSS ("-moz-변환", "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)+"%)"; 
       } 
     } 
    } 
}

출처

2013-07-11 Paulo Neves

로그에 표시되는 내용은 무엇입니까? 그리고'obj'는 예상대로 통과합니까? – Ryan

파이어 폭스에서'.style.transform' 세트에 도달하는 코드가 있는지 확인하십시오. –

글쎄, 당신은 "전환"과 "변화"사이에 앞뒤로 전환하는 : 이 맥락에서,이 원래의 기능입니다. 너의 질문조차도.

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

출처

2013-07-11 01:56:13 Ryan

네, 맞습니다. 그러나 계속 일하지 마십시오. 이 오류를 해결하려고했습니다. –

@PauloNeves : 상황을 좀 알려 주실 수 있습니까? 당신의 HTML과'obj'를 얻는 코드, 예를 들면? – Ryan

예, 저의 첫 번째 게시물을 참조하십시오. –

죄송합니다, 내 문제는 마우스 휠 기능이 아닌 CSS로입니다. 나는 문지르 기 작업을 시작할 때 그것을 ralized했습니다.

출처

2013-07-11 14:48:30

JS로 CSS -moz-transition 설정

답변

관련 문제