javascript - scrollTop はサイト変更時に機能しません

Question

私のサイトでは、Imprint または How-to-find-us サイトから来て、サービスまたは連絡先をクリックすると、scrollTop が正しく機能しないという問題があります。

http://wicker-schuetz.de/en/

ありがとう

Answer 1

ページのそのポイントに到達すると、ページをそれ以上上にスクロールする余地がなくなるためです。フッターがページの一番下にくっついているからです。

フッターの下部にパディングを追加して、ページを上にスクロールするための余分なスペースを確保する必要があります. CSS に次の行を追加することで、これを行うことができます。

#footer { padding-bottom: 40%; }

または、JavaScript ファイルに次の行を追加します。

document.getElementById("footer").style.paddingBottom="40%";

どちらでも機能するはずですが、フッターの下部のパディングを動的に調整して、パディングが画面サイズに基づいて適切になるようにする場合は、javascript の window onresize イベントを見て、それに応じてパディングします。または、 CSS3 メディア クエリを使用することもできます。