從 jQuery.css() function 添加時 translateY 不起作用

Question

從 jQuery.css() function 添加時 translateY 不起作用，

Scale 和 Opacity 工作正常，但 translateY 不行！

$(function () {
  $(window).scroll(function () {
      bds = $("body").scrollTop();
      myScale = 1.2 - (bds / 1000);
      myOPacity = 1 - (bds / 100);
      myTransform = bds;

      $(".slogan").css({
          "transform": "translateY(" + myTransform +"px) scale( " + myScale + ")",
          opacity: myOPacity
      });

  });

Answer 1

看來您應該只更改bds = $("body").scrollTop(); 像這樣：

<script>
    $(document).ready(function () {
        $(window).scroll(function () {
            bds = $(window).scrollTop();
            myScale = 1.2 - (bds / 1000);
            myOPacity = 1 - (bds / 100);
            myTransform = bds;

            $(".slogan").css({
                "transform": "translateY(" + myTransform + "px) scale( " + myScale + ")",
                opacity: myOPacity

            });
        });
    });
</script>