jquery scrolltop 脚本不工作

Question

我的最终目标是让我的标题在窗口到达某个点时从相对位置切换到固定位置。在尝试到达那里时，我想出了这个功能，它不会给我任何错误，但似乎也没有做任何事情。有人可以帮我理解为什么吗？这是页面上加载的最后一个脚本，在它之前调用了 jquery..

<script type="text/javascript">
$(function() {
var $window = $(window);
function top() {
var $top = $window.scrollTop();
if( $top > 100 ) {
    $("header").css("position","absolute"); 
}
else {
    $("header").css("position","fixed");    
}
};
});
</script>

如果我想将其限制为移动应用程序怎么办？像这样的东西不应该工作......

<script type="text/javascript">
 $(function() {
     var $window = $(window).width();
     function windowWidth() {
         if ( $window < 480 ) {
      function top() {
          var $top = $window.scrollTop();
          if( $top > 100 ) {
             $("header").css("position","absolute"); 
           }
           else {
              $("header").css("position","fixed");    
          }
     };
     $(window).scroll(top);
         }
     };
   });
</script>

Answer 1

使用$(window).scroll(top) 或使用setTimeInterval(top, 100);

假设 header 为 id

<script type="text/javascript">
 $(function() {
     var $window = $(window);
      function top() {
          var $top = $window.scrollTop();
          if( $top > 100 ) {
             $("#header").css("position","absolute"); 
           }
           else {
              $("#header").css("position","fixed");    
          }
     };
     $(window).scroll(top);
   });
</script>