jquery - 如何获取css转换值并使用jQuery使其变为条件

我试图从CSS中获取价值并将其变为条件，但我不知道它的摆设与否。我想获取translateX的值并检查是否弹出200％的值。

还是有其他方法可以做到这一点？
谢谢

$(window).scroll(function() {
  var sTop = $(window).scrollTop();

  $('.box').css("transform", "translateX(" + sTop + "%)");
  if ($('.box').css("transform", "translateX") === 200) {
    alert('pop');
  }
});

.content {
  width: 100%;
  height: 1500px;
  background-color: yellow;
  position: relative;
  overflow: hidden;
}

.box {
  position: absolute;
  top: 5%;
  width: 30px;
  height: 30px;
  background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="content">
  <div class="box"></div>
</div>

最佳答案

就像评论中的提示（我还不能写）一样：http://jsfiddle.net/ax5nM/107/

var t=$(".box").css('transform').split(/[()]/)[1].split(',');
var m="X: " + t[4] + "px; Y: " + t[5] + "px; (" + t +")";
$(".msg").text( m ).fadeIn();
if (t[4] >= 20 && !popped) {
    popped=true;
  alert('pop');
}

滚动几下后，这对我弹出。

关于jquery - 如何获取css转换值并使用jQuery使其变为条件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43537286/