javascript - 无法实现 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>

通常你必须添加一个准备好的处理程序，但如果你附加到窗口，你不需要，因为它总是存在的。