スクãƒãƒ¼ãƒ«ãƒ™ãƒ¼ã‚¹ã®ãƒšãƒ¼ã‚¸ã‚’実装ã™ã‚‹æ™‚ã«ã´ã£ãŸã‚Šï¼ã€€ãƒ˜ãƒƒãƒ€ã‚’ユーザーã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“作ã«åˆã‚ã›ã¦è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚スクãƒãƒ¼ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒ»ã‚¢ãƒƒãƒ—ã§classを付与ã™ã‚‹ã®ã§ã€ãƒ˜ãƒƒãƒ€ã«é™ã‚‰ãšä»–ã«ã‚‚ã„ã‚ã„ã‚ã¨ä½¿ãˆãã†ã§ã™ã€‚ スクリプトã¯å˜ä½“ã§å‹•ä½œã—ã¾ã™ãŒã€jQuery/Zeptoã‚„AngularJSã®ãƒ—ラグインã¨ã—ã¦ã‚‚動作ã—ã¾ã™ã€‚ Headroom.js 下ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ãƒ˜ãƒƒãƒ€ãŒä¸Šéƒ¨ã«å¸ã„è¾¼ã¾ã‚Œã¾ã™ã€‚ 一旦消ãˆãŸãƒ˜ãƒƒãƒ€ã¯ã€ä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã©ã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã‹ã‚‰ã§ã‚‚表示ã•ã‚Œã¾ã™ã€‚ ã“ã®ã€Œã©ã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã‹ã‚‰ã§ã‚‚ã€ã¨ã„ã†ã®ãŒã“ã®ã‚¹ã‚¯ãƒªãƒ—トã®ä¾¿åˆ©ãªã¨ã“ã‚ã§ã™ã€‚ スクリプトã«ã¯ã•ã¾ã–ã¾ãªã‚ªãƒ—ションãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§æ¥½ã—ã‚ã¾ã™ã€‚ デザインã¯ä¼¼ã¦ã„ã¾ã™ãŒã€ã“ã¡ã‚‰ã¯ã€ŒPlayroomã€ã§ã™ã€‚ デモページ ヘッダã®éžè¡¨ç¤ºãƒ»è¡¨ç¤ºã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒç´°ã‹ãè¨å®šã§ãã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
{{#tags}}- {{label}}
{{/tags}}