jQuery将transform-origin设置为居中 [英] Jquery setting transform-origin to center

问题描述

我在将div的转换原点设置到站点中心时遇到麻烦.

I'm having troubles with setting the transform-origin of a div to the center of the site.

这是我到目前为止所拥有的:

This is what I have so far:

var xPos = ($(window).outerWidth() - $('#pointer').outerWidth())/2;
var yPos = ($(window).outerHeight() - $('#pointer').outerHeight())/2;

var xPosSTR = xPos+"px";
var yPosSTR = yPos+"px";

$('#pointer').css(
        {
        '-moz-transform-origin': 'xPosSTR yPosSTR',                
        'transform-origin':'xPosSTR yPosSTR',                   
        '-ms-transform-origin':'xPosSTR yPosSTR',                                
        '-webkit-transform-origin':'xPosSTR yPosSTR',
        });

我希望有人可以帮助我:)

I hope someone can help me :)

祝你有美好的一天！

推荐答案

转换原点接受％或属性right，center等

The transform origin accept % or property right,center and others

，在var xPosSTR = xPos+"px";中，您有一个PX. 请参阅链接: https://developer.mozilla.org/en -US/docs/Web/CSS/transform-origin

and in var xPosSTR = xPos+"px"; you have a PX. See the link: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin

这篇关于jQuery将transform-origin设置为居中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！