HTML onscroll イベント属性

❮ HTML イベント属性

例

<div> 要素がスクロールされているときに JavaScript を実行します：

<div onscroll="myFunction()">
Try it Yourself ❯

定義と用法

onscroll 属性は、要素のスクロールバーがスクロールされているときに発火します。

チップ: 要素のスクロールバーを作成するには、CSS の overflow スタイルプロパティを使用します。

ブラウザ・サポート

イベント属性
onscroll Yes Yes Yes Yes Yes

HTML 4.01 と HTML5 の相違点

onscroll 属性は、HTML5 で新しく追加されました。

構文

<element onscroll="script">

属性値

値 説明
script script は onscroll で実行される

技術的詳細

サポートする HTML タグ： <address>, <blockquote>, <body>, <caption>, <center>, <dd>, <dir>, <div>, <dl>, <dt>, <fieldset>, <form>, <h1> to <h6>, <html>, <li>, <menu>, <object>, <ol>, <p>, <pre>, <select>, <tbody>, <textarea>, <tfoot>, <thead>, <ul>

関連ページ

HTML DOM リファレンス：onscroll イベント


HTML Event Attributes HTML イベント属性