ページの先頭に戻るトップボタンはアンカーポイントで実装(自作)_javascriptスキル

小さな転職活動を経て、8月7日に現在の会社に入社しました。新しいモジュールの開発は始めていませんが、すでにオンラインになっているモジュールに新しい要件を実装しています。 、時々、一部のユーザーが正気を失っていて、彼らが提示する要求は単に人々を3回笑わせたいだけではないかと本当に尋ねたいことがあります。 。 。幸いなことに、プロジェクトチームで要件を処理するお姉さんは豊富な実務経験があり、ユーザーとうまく調整できるので、私たち開発者はそれほど苦労しません~

ユーザーがシステムを使用するとき、ただし、多くのフォームは足を包み込むような長いものです~

ページの先頭に戻るにはトップボタンが必要です~

オンラインでの方法はたくさんありますが、面倒すぎる。要するに、判断が 1 つ、位置決めが 1 つしかないのです。面倒です。以前のコードを使用するだけで時間を節約できる場合もありますが、不要なトラブルを招かないように、システムのパフォーマンスに基づいて検討する必要があります。プレッシャーにもかかわらず、トップボタンを自分で書くことにしました~

ページの上部にアンカー ポイントを追加します。 🎜>コードをコピーします

a id="_top">

の最後に js コードを追加します (div で実装):

コードをコピーします コードは次のとおりです。


トップボタンの CSS スタイルを設定します (div が常にページの右下隅に表示されるようにします)。

コードをコピーします コードは次のとおりです。 #form_top{display:blockbottom: 3px; right:3px; 位置:固定;

.top_img{

背景画像: url("img/top.png");
幅: 40px; 🎜>cursor: pointer;
}


最後に、JSP ページの CSS スタイルにこれを導入することを忘れないでください。

レンダリング: