-3
少しのコンテンツの場合と、ほとんどない場合の両方で、ページの下部にあるフッターを作成したいと思います。ページの下部にフッター
私は既にいくつかのチュートリアルに従っていますが、うまくいかないか、または望みの結果が得られないかもしれません。
誰でも手伝ってもらえますか？あなた
EDITありがとう：ここでは私のコードは、ページの
HTMLだ
<html>
<head>
<title>
Test Pagina Vuota Footer
</title>
<style type="text/css">
html, body, .container {
margin: 0;
padding: 0;
}
body {
background-color: green;
color: white;
}
.container {
padding-top: 97px;
}
</style>
<script src="/inc/jquery.js"></script>
<script src="/inc/sticky-footer.js"></script>
</head>
<body>
<div class="container">
<? include("./inc/navbar"); ?>
<div class="content">
content of page
</div>
<?php include("./inc/footer"); ?>
</div>
</body>
</html>
フッター
<html>
<head>
<title>
/inc/footer
</title>
<meta name="description" content="Footer del sito">
<style type="text/css">
.footer {
width: 100%;
background-color: orange;
color: white;
}
</style>
<script src="/inc/jquery.js"></script>
<script src="/inc/footer.js"></script>
</head>
<body>
<div class="footer">
© ************.altervista.org 2017
</div>
</body>
</html>
JSファイルのHTML
// Window load event used just in case window height is dependant upon images
$(window).bind("load", function() {
var footerHeight = 0,
footerTop = 0,
$footer = $("#footer");
positionFooter();
function positionFooter() {
footerHeight = $footer.height();
footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
if (($(document.body).height()+footerHeight) < $(window).height()) {
$footer.css({
position: "absolute"
}).animate({
top: footerTop
})
} else {
$footer.css({
position: "static"
})
}
}
$(window)
.scroll(positionFooter)
.resize(positionFooter)
});
あなたはあなたのコードを共有していただけますか？ – Mika
コードを表示する必要があります。そして、ページの一番下に（スティッキー）、またはスクロール（固定）されているかどうかにかかわらず、常にビューポートの下部に表示されることを意味しますか？ –
問題が発生しているコードを投稿してください –