javascript - 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