无法实现的JavaScript代码

Question

我发现这个代码

$(window).scroll(function(){ 
    $('#header').css({ 
     //Why this 15, because in the CSS, we have set left 15, so as we scroll, we would want this to remain at 15px left 
     'left': $(this).scrollLeft() + 15 
    }); 
}); 

而且它正是我需要的，但我不知道如何实现它在我的HTML或CSS。谁能帮我吗？我真的很感激它。

Answer 1

该代码使用jQuery，因此您需要在页面中包含jQuery。

因为它是JavaScript，所以您需要使用<script />标签。你可以添加内联代码（我会这样做，因为它更容易解释），但是你应该考虑将它添加到单独的JS文件中并包含它。

将此项添加到您的HTML任意位置;

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <!-- Include jQuery --> 
<script type="text/javascript"> 
    $(window).scroll(function(){ 
     $('#header').css({ 
      //Why this 15, because in the CSS, we have set left 15, so as we scroll, we would want this to remain at 15px left 
      'left': $(this).scrollLeft() + 15 
     }); 
    }); 
</script> 

通常情况下，你不得不添加一个现成的处理程序，但你不知道，如果你连接到窗口，因为它总是存在的。