エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
初心者向けJavaScript: ブログ記事の長さに応じてサイドバーの一部を記事下に移動させる - F.Ko-Jiの「一秒後は未来」
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
初心者向けJavaScript: ブログ記事の長さに応じてサイドバーの一部を記事下に移動させる - F.Ko-Jiの「一秒後は未来」
ブログのサイドバーに色々置いておくとサイドバーが長くなりがちで、自分の書くブログ記事は短いことも... ブログのサイドバーに色々置いておくとサイドバーが長くなりがちで、自分の書くブログ記事は短いことも多く、そうするとメイン部分とサイドバーのバランスが少々悪くなります。 そこで何かうまくバランスをとる方法はないかと考え、試しに記事の長さに応じてサイドバーのコンテンツの一部を記事下へ移動させてみることにしました。 やり方は簡単で、 動的に移動させたいサイドバーのコンテンツ部分に id をつける。 記事部分の要素に id をつける。 移動先にしたい要素に id をつける。 以下のような JavaScript をページの末尾で実行する。 // サンプルコード <script> (function() { // 動的に移動させたいサイドバーのコンテンツ var side = document.getElementById('side_flow_contents'); // 記事部分の要素 var en