検索

ホームページ  >  に質問  >  本文

JavaScript - ページ内で固定配置されたサイドバーの位置をスクロール バーに合わせて動的に増加させるにはどうすればよいですか?

要件は次のようになります。最初はページのサイドバーはページ上の特定の位置(例: right:0;bottom:0)に固定されていますが、スクロールバーがスクロールするにつれて、スクロールバーがスクロールするのを防ぐために、サイドバーをフッター部分を折りたたんで(下図参照)、一定の位置に達すると、スクロールバーの増加に応じてbottomの値が増加し、Qidian中国語Webサイトと同様の効果が得られます。コードは次のとおりです。どうか神様、お尻が一つ増えるだけで動かなくなります!
コードは以下のように表示されます:

リーリー


#Qidian 中国語 Web サイトの具体的な効果表示: http://read.qidian.com/chapte...

高洛峰高洛峰2760日前992

全員に返信(2)返信します

  • typecho

    typecho2017-06-26 10:55:43

    追加し続ける必要はありません。リソースの無駄です。固定配置を使用し、絶対配置などに変更して最下位に配置します。

    返事
    0
  • 伊谢尔伦

    伊谢尔伦2017-06-26 10:55:43

    これが機能するかどうか見てみましょう
    https://jsfiddle.net/eyvxw3wc/

    返事
    0
  • キャンセル返事