1

このコードを見つけました

$(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 に実装する方法がわかりません。誰でも私を助けることができますか？本当に感謝します。

4

1 に答える 1

3

このコードは jQuery を使用しているため、ページに jQuery を含める必要があります。

<script />JavaScriptなので、タグを使用する必要があります。コードをインラインで追加することもできます (説明しやすいので、私はそうします) が、それを別の 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>

通常、ready ハンドラーを追加する必要がありますが、window にアタッチする場合は常に存在するため、追加する必要はありません。

于 2012-07-05T15:39:31.297 に答える