0

これが私のコードです

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    $(document).ready(function() {
        $(window).scroll(function() {
    if ($(document).height() <= ($(window).height() + $(window).scrollTop())) {
    //Bottom Reached
    $("#WebFooter").css("display","block");
       }else {
    $("#WebFooter").css("display","none");
            }
        });
    });
</script>
<style>
    #WebFooter {
      position:fixed; bottom:0px; width:960; padding: 10px 0; background:#fff; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:0px; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.15); border-top-left-radius:3px; border-top-right-radius:3px; display: none;
    }


</style>

<div id="WebFooter">Footer Content</div>

スクロールバーを表示するのに十分なページコンテンツがない場合、下部に div を表示することは可能でしょうか? 現時点では、ページが一番下までスクロールされたときにのみ div が表示されます。ただし、スクロール バーを表示するのに十分なコンテンツがページにない場合、div は表示されません。http://anewdaychurch.orgにアクセスすると、私が話していることの例を見ることができます。

4

2 に答える 2

0

はい、「スティッキーフッター」を使用してください。

ここで使用方法を確認できます：

http://ryanfait.com/sticky-footer

このソリューションでは、JS を使用する必要はありませんが、マークアップを少し変更すると、「CSS のみ」のソリューションになります。

于 2013-06-27T07:02:16.170 に答える