[JS]Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã«å„è¦ç´ ã‚’ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -scrollReveal.jsスクãƒãƒ¼ãƒ«ã™ã‚‹ã¨å•†å“写真ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ™‚ã€ãƒãƒ¼ãƒ‰ã—ãŸæ™‚ãªã©ã€ãƒšãƒ¼ã‚¸å†…ã®è¦ç´ ãŒãƒ“ューãƒãƒ¼ãƒˆã«è¡¨ç¤ºã—ãŸæ™‚ã«ã€å„è¦ç´ ãã‚Œãžã‚Œã‚’ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹å˜ä½“ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ デモã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ scrollReveal.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦</body>ã®ä¸Šã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 <body> ... ... <script src="js/scrollReveal.js"></script> </body> Step 2: HTML スクリプトをセットã—ãŸã‚‰ã€ã‚ã¨ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹è¦ç´ ã«ã€Œdata-scrollrevealã€ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã™ã€‚ <h1 data-scrollr
{{#tags}}- {{label}}
{{/tags}}