jQuery-在if语句参数中使用css

Question

我使用vw以前的div，现在我想设置一个警报，如果div被移动到最左边。这是div：

<div id='pagination'>some stuff</div>

现在它的宽度设置为84vw，这是从早期的函数计算出来的。我想提醒时，它的边距左等于-84vw。我在js中尝试过这个，但没有运气：

if ($('#pagination').css('margin-left') == '-84vw') {
    alert('you're good to go!');
}

有人能帮我解决这个问题吗？真正头疼的是我不能将vw更改为px。

Answer 1

值单位有问题。LHS是px，RHS是vw。

1px=100/份文件。文档元素。clientWidth'vm'；

var onePx = 100 / document.documentElement.clientWidth;
var valPX = $('#pagination').css('margin-left');
var valVW = Math.round( parseInt( valPX.replace(/[^-\d\.]/g, ''), 10 ) * onePx);
if ( valVW == -84) {
    alert('you\'re good to go!');
}

#pagination{
  margin-left:-84vw;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id='pagination'>some stuff</div>

Answer 2

您无法将像素与vw进行比较，因为jQuery。css（）始终以像素为单位返回宽度

Answer 3

对于px和vw的转换，请参考以下内容

1px=（100/document.documentElement.clientWidth）vw

e、 g.-如果您的视口是500px宽（根据定义等于100vw），则

1px=（100/500）=0.2vw

加上你有一个语法错误...请妥善处理报价

alert('you\'re good to go!');