無法實現的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> 

通常情況下，你不得不添加一個現成的處理程序，但你不知道，如果你連接到窗口，因爲它總是存在的。