より良いインタラクティブウェブサイトを作成してください

Hello World! シリーズの第4のエピソード- 5分でCSS/JSトリックは、CSSトリック(ウェブサイト反応する方法)についてありました.
最後の2つの記事がCSSトリックについてであったので、あなたはJavaScript Oneを見せましょう:スクロールで物事が起こる方法.
最初にスクロールを行う方法はとても簡単です.

window.onscroll = function () {
  // Code to happen on scroll here
};

しかし、どのようにアンダーラインquery on stack overflow (私も、ウェブサイトでこれを試みました)遅れを引き起こして、ユーザーのためにより長い課金時間を引き起こすその結果.イベントリスナーをフラグで使用する方が良いでしょう.

const animateFlag = true

window.addEventListener("scroll", function() {
  if(this.pageYOffset > 0) {
    if(animateFlag) {
      // Code to happen on scroll here
      animateFlag = false;
    }
  }
})

var animateflag毎回ユーザースクロールを再実行するようにコードをブロックします.
これが助けと感謝の読書を!

Please smash that like button to make me understand that you want the series to continue :)

推奨読書

究極のカンニングペーパーのコンパイル（200 +）-🔥🎁 / devへのロードマップ🚀

デビルローレン・ Mar 2・ 17分読む

#productivity #webdev #beginners #javascript

我々の会報を購読してください！

Loooong、楽しい、毎週あなたのために要約
私の記事の無料のPDF版
カスタマイズ可能な受信トレイ
それは---フリー-とあなたは私を助ける!