[JS]縦長1ページã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をシンプルãªHTMLã§å®Ÿè£…ã§ãるスクリプト -FSVS最近よã見ã‹ã‘ã‚‹åž‚ç›´ã«é…ç½®ã—ãŸè¤‡æ•°ã®ãƒ‘ãƒãƒ«ãã‚Œãžã‚Œã‚’ブラウザã„ã£ã±ã„ã«è¡¨ç¤ºã—ã€CSS3ã®ã‹ã£ã“ã„ã„アニメーションã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デスクトップã ã‘ã§ãªãã€ã‚¹ãƒžãƒ›ãƒ»ã‚¿ãƒ–レットã®ã‚¹ãƒ¯ã‚¤ãƒ—æ“作ã«ã‚‚対応ã—ã¦ã„る優れもã®ï¼ デモページ：2ページ目 ホイールæ“作時ã«ã¯ã€ã¡ã‚‡ã†ã©ã„ã„ä½ç½®ã«è‡ªå‹•ã§ç§»å‹•ã—ã¾ã™ã€‚ FSVSã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="/assets/js/fsvs.js"></script> </head> スワイプ対応ã«ã™ã‚‹ã«ã¯ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’åŠ ãˆã¾ã™ã€‚ <script src="/assets/js/jq
![[JS]縦長1ページã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をシンプルãªHTMLã§å®Ÿè£…ã§ãるスクリプト -FSVS](https://cdn-ak-scissors.b.st-hatena.com/image/square/307df9d68159c53a5433b712114d5e9ae8d1a3e3/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014092203.gif)
[JS]ページã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã€å¤©åœ°ã«ç´™ã‚’折り曲ã’ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -FoldScroll
[JS]複数ã®æŒ‡å®šã—ãŸç¯„囲ã”ã¨ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«è¿½å¾“ã™ã‚‹ãƒ‘ãƒãƒ«ã‚’è¨ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jQuery Stick ‘em
{{#tags}}- {{label}}
{{/tags}}