-1

ページのコンテンツがそれほど多くない場合でも、ページの下部にフッターを配置するようにしています。ユーザーがページを小さくし、足がコンテンツに接すると、スクロールが表示され、フッターがコンテンツの下に隠れます。

(フッターを固定位置にしたくないのは、コンテンツに出会うとフッターが上部にあり、コンテンツを非表示にするためです)

ここで Philippe が提案した James Taylor の非常に良い例があります。同じ効果が必要ですが、jQueryを使用します。(コンテンツを絶対位置に配置する必要があるため、この CSS ソリューションを適用できません) http://matthewjamestaylor.com/blog/bottom-footer-demo.htm

$(function(){   
    var documentHeight = $(document).height();
    if(documentHeight >= 420){
        $('#foot').css({position: 'absolute',bottom:'10px'});
    }

    else{
        $('#foot').css({position: 'absolute',top:'410px'});
    }   
})
4

1 に答える 1

1

あなたが欲しいのは

var topDistance = $('#foot').offset().top;

[編集]

ページのフッターを常に下部に配置したい場合は、使用する必要があります

position: fixed; 
bottom: 10px;

ただし、ボディがウィンドウよりも小さい場合でもフッターをウィンドウの下部に保持したいが、ボディが大きい場合、フッターはドキュメントの下部になります

解決策は次のとおりです

于 2012-09-21T15:48:27.630 に答える