我正在制作一个 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)+"%)";
}
}
}
}