視差スクロールを組み込みたいページがあります。ただし、現在のコードでは、スクロールを登録できません。
javascriptを使用せずに、含まれるdivの高さと幅を100%にする必要があるため、ページ全体にコンテナがあります。
しかし今では、スクロールで何も実行できなくなりました。どんな助けでも大歓迎です。
私が問題から作ったフィドルを見てください。
問題は、次の組み合わせで発生します。
HTML:
<div class="main">
<div class="page page-1">
<p>content</p>
</div>
<div class="page page-2">
<p>content</p>
</div>
<div class="page page-3">
<p>content</p>
</div>
</div>
CSS:
html, body {
width: 100%;
height: 100%;
}
.main {
position: relative;
height: 100%;
width: 100%;
overflow: auto;
}
.page {
height: 100%;
width: 100%;
}
しかし今、スクロール イベントはもうキャプチャされません。
jQuery(document).ready(function(){
jQuery(window).scroll(alert('scrolled'));
});
これを解決する方法はありますか?