IE旋转离轴

Question

$(window).scroll(function(){
            var rotation = 'rotate('+$(document).scrollTop()+'deg)';
            things.css({
                '-webkit-transform' : rotation,
                '-moz-transform'    : rotation,
                '-ms-transform'     : rotation,
                '-o-transform'      : rotation,
                'transform'         : rotation
            });
        });

当我调用它时，这段代码可以很好地旋转页面上的元素，除非IE中的元素在轴外旋转。

Answer 1

您可以使用transform-origin值来定位旋转的中心点

transform-origin: 50% 50%;

Answer 2

修复了我在元素中的一个类！这是一个图标字体元素。

line-height: 1;

需要更改为

line-height: normal;