マウスコンピューターが贈る春のパソコンセール第二弾が始動!
この記事は広告(PR)を含んでいます。 マウスコンピューターの春のパソコンセール第二弾が、待望のスタートを切ります!期間は4月10日から4月24日までの2週間限定です。今回は、特別な情報をお届けします。 リンクから飛ぶとお得! セール期間中...
window.addEventListener('scroll',function() { const height = window.innerHeight; //画面の高さを取得 const scroll = this.pageYOffset; //スクロール量 const marker = document.querySelectorAll('.marker'); //マーカーを引く要素を取得 const value = scroll - height + 300 //後ろの数字を弄ることで、イベント位置をずらす // markerクラスを持っている要素全てに処理を行う marker.forEach(function(element){ //要素が画面内の指定の位置に来たら「on」クラスをつける if (scroll > element.getBoundingClientRect().top + value) { element.classList.add('on') } }); })