jquery - ページが上にスクロールするように、フッターを下にどのように修正しましたか?

Question

フッターが固定されていて、ページが一番上にスクロールする、とてもクールな Web サイトを見つけました。彼らがどうやってこれをしたのか理解できませんか？彼らのウェブサイトを見てみましょう: http://sidigital.co/

これはスクリプトまたは CSS ですか?

Answer 1

そのCSS。重要な部分はここです。本文には、フッターの高さである padding-bottom があることに注意してください。そうすれば、フッターは本文のコンテンツと重ならなくなります。次に、フッターの高さが明示的で、ページの下部に配置されます。これに関する良いチュートリアルはこちらhttp://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

body {
padding-bottom: 453px;
overflow-x: hidden;
}

.footer {
height: 475px;
position: relative;
display: block;
position: fixed;
bottom: 0px;
z-index: 0;
}