jQuery没有响应选择器

Question

所以当我向下滚动页面时，我试图让一些文字慢慢向下移动。但是，当我向下移动页面时，我的jQuery选择器没有触发。

这是我的HTML

<div class="stairsImage">
   <h1 id="testName">Lorem Ipsum</h1>
</div>

这是我的javascript

$(document).ready(function() {
   $("div#main").scroll(function(){
      var wScroll = $(this).scrollTop();

      $(".testName").css({
        'transform' : 'translate(0px, '+ wScroll/2 +'%)'
      });
   }) 
});

如果有所作为，我正在使用Bootstrap。 我确信这是我想念的简单事。谢谢。

Answer 1

尝试$("#testName").css({，因为您正在使用id

Answer 2

更改为$（窗口）.scroll。 。