スクロール

JavaScript（ジャバスクリプト）で作った、スクロールに関するちょっと便利なサンプル集。

• ボッス要素のスクロール位置を取得
  

  スクロール可能ボッス要素のスクロール位置を取得するサンプル。

• ボッス要素のスクロール位置を割合で取得
  

  スクロール可能ボッス要素のスクロール位置を割合で取得するサンプル。

• 親要素のスクロールに対応して子要素を追加
  

  JavaScriptでスクロール可能な親要素のスクロールに対応して子要素を追加するサンプル。

• ウィンドウのスクロールに対応してTOPへを表示
  

  ページのトップへスクロールして戻る「TOPへ」ボタンを、ウィンドウのスクロールに応じて表示するサンプル。

• 特定の要素が縦スクロールで上まで来たら固定表示させる
  

  サイドメニューやウィジェットなど特定のボックス要素が、縦スクロールで上まで来ても、隠れることなく固定表示させるサンプル。

• 縦スクロールで上まで来たら固定表示に変わるメニュー
  

  メニューが縦スクロールで上まで来ても、隠れることなく固定表示させるサンプル。

• ボッス要素を自動スクロール
  

  JavaScriptでボッス要素を自動スクロールし、テキストが流れているように見せるサンプル。

• スクロールボックスの高さを変更
  

  JavaScriptで、スクロールボックスの高さを拡大縮小し、隠れているテキストを表示させたり戻したりするサンプル。

• JavaScriptでボッス要素を自動横スクロール
  

  JavaScriptでボッス要素を自動横スクロールし、テキストが流れているように見せるサンプル。

• ボタンクリックでスクロールするインラインフレーム（IFrame要素）
  

  ボタンクリックで、インラインフレーム（IFrame要素）内のHTMLドキュメントをスクロールするJavaScriptサンプル。

• 自動横スクロールするインラインフレーム（IFrame要素）
  

  インラインフレーム（IFrame要素）内のHTMLドキュメントを自動横スクロールするJavaScriptサンプル。