<テンプレート>
<divのクラスには、= "スクロール">
<DIV CLASS = "スクロール-DIV-外" ID = 'scrollDiv'>
<DIV CLASS = "スクロール-DIV-インナー">
</ div>
</ div>
</ div>
</テンプレート>
<スクリプト>
輸出のデフォルト{
名前：「スクロール」、
方法：{
checkDivScroolTop（）{
//ノードを取得します
VAR scrollDiv =のdocument.getElementById（ 'scrollDiv'）;
//バインドイベント
scrollDiv.addEventListener（ 'スクロール'、関数（）{
console.log（scrollDiv.scrollTop）。
}）;
}
}、
{）（マウント
this.checkDivScroolTop（）;
}
}
</ SCRIPT>
<！ - 追加のみ、このコンポーネントにCSSを制限する属性「スコープ」 - >
<スタイルは、スコープ>
.scroll-DIV-外側{
位置：固定;
高さ：100％;
幅：100％;
国境：1pxの固体#CCC。
オーバーフロー：自動;
}
.scroll-DIVインナー{
高さ：200％;
幅：200％;
国境：1pxの固体#CCC。
}
</スタイル>