スクãƒãƒ¼ãƒ«ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’IntersectionObserverã§å¿«é©ã«å®Ÿè£…ã™ã‚‹æœ€æ–°ã®è»½é‡JavaScriptライブラリ -ScrollamaIntersection Observerを利用ã—ãŸWebページãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ IntersectionObserversã¯ã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆè¦ç´ ãŒãƒ–ラウザã®ãƒ“ューãƒãƒ¼ãƒˆã¨å‘¼ã°ã‚Œã‚‹ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé ˜åŸŸã¨é‡ãªã‚‹ï¼ˆã¾ãŸã¯äº¤å·®ã™ã‚‹ã€ŒIntersectionã€ï¼‰é‡ã‚’計算ã™ã‚‹ã‚‚ã®ã§ã€ä¸»è¦ãªãƒ–ラウザã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã‹ã¨ã„ã†ã¨ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’ã´ãŸã£ã¨é…ç½®ã—ãŸã‚Šã€ãƒ˜ãƒ«ãƒ—や広告を表示ã—ãŸã‚Šã€ã¾ã 表示ã•ã‚Œã¦ã„ãªã„コンテンツや画åƒã‚’å…ˆèªã¿ã•ã›ãŸã‚Šã§ãã¾ã™ã€‚ã“れらを実装ã™ã‚‹ã«ã¯é¢å€’ãªJavaScriptãŒå¿…è¦ã§ã—ãŸãŒã€ä»Šã§ã¯éžå¸¸ã«ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ IntersectionObserverを使用ã—ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ãŸã•ã¾ã–ã¾ãªã‚¤ãƒ™ãƒ³ãƒˆã‚’実装ã™ã‚‹æœ€æ–°ã®è»½é‡JavaScriptライブラリを紹介ã—ã¾ã™ã€‚ Scrollama -GitHub Intersection Ob
{{#tags}}- {{label}}
{{/tags}}