[JS]スクãƒãƒ¼ãƒ«ã‚’楽ã—ãã™ã‚‹ãƒ‘ララックスを簡å˜ã«å®Ÿè£…ã§ãる超軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -skrollrjQueryãªã©ã®ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã›ãšã€ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§ãƒ‘ララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã§ãる超軽é‡ï¼ˆ2.2KB）ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ skrollr -GitHub [ad#ad-2] skrollrã®ãƒ‡ãƒ¢ skrollrã®ä½¿ã„æ–¹ skrollrã®ãƒ‡ãƒ¢ パララックスã¯è¤‡æ•°ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç•°ãªã‚‹ã‚¹ãƒ”ードã§å‹•ã‹ã™ã“ã¨ã§å¥¥è¡Œãã®éŒ¯è¦šã‚’èµ·ã“ã™ã‚‚ã®ã§ã€skrollrã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é‡ã«å¿œã˜ã¦ã€ãƒšãƒ¼ã‚¸ä¸Šã®å„エレメントã«ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’定義ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ デモã§ã¯ãã®é¢ç™½ã„パララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæ¥½ã—ã‚ã¾ã™ã€‚ デモã¯3ã¤ã‚ã‚Šã€ã¾ãšã¯skrollrãŒæ¥½ã—ã‚るメインã®ãƒ‡ãƒ¢ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
[JS]ã‚ãªãŸã®ã‚¦ã‚§ãƒ–ページãŒã©ã®ãらã„スクãƒãƒ¼ãƒ«ã•ã‚Œã¦è¦‹ã‚‰ã‚Œã¦ã„ã‚‹ã‹ãŒåˆ†ã‹ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jQuery Scroll Depth
{{#tags}}- {{label}}
{{/tags}}