jQuery：ページトップã¸ã®å‹•ãã«ä½¿ãˆã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 5 - NxWorld閲覧ページã®å…ˆé ã¾ã§ç§»å‹•ã§ãるよã†ã«è¨ç½®ã—ã¦ã„ã‚‹ã¨ã“ã‚も多ã„「ページトップã€ã‚„「ページã®å…ˆé ã¸ã€ã¨ã„ã£ãŸãƒšãƒ¼ã‚¸å†…リンクã§ã€ç§»å‹•ã™ã‚‹éš›ã®å‹•ãã«jQueryを使ã£ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ãŸã‚µãƒ³ãƒ—ルã§ã™ã€‚ よã見ã‹ã‘ã‚‹å˜ç´”ãªã‚¹ãƒ ーススクãƒãƒ¼ãƒ«ã‚’å«ã‚ãŸå…¨5種類ã§ã€å°‘ã—ã„ã˜ã‚Œã°ãã®ä»–ã®å ´æ‰€ã¸ã®ãƒšãƒ¼ã‚¸å†…リンクã®å‹•ãã¨ã—ã¦ã‚‚実装ã§ãã¾ã™ã€‚ 紹介ã—ã¦ã„る方法ã¯ã„ãšã‚Œã‚‚jQueryを使用ã—ã¦ãŠã‚Šã€ã‚µãƒ³ãƒ—ルã«ã‚ˆã£ã¦ã¯jQuery Easingも使用ã—ã¦ã„ã‚‹ã®ã§äºˆã‚èªã¿è¾¼ã¾ã›ã¦ãã ã•ã„。 jQueryã®è¨˜è¿°ã¯ã„ãšã‚Œã‚‚セレクタã«aè¦ç´ を指定ã—ã¦ã„ã‚‹ãŸã‚ã€ç‰¹å®šã®è¦ç´ ã«ã®ã¿é©ç”¨ã•ã›ãŸã„å ´åˆãªã©ã¯idã‚„classを用ã„ã‚‹ãªã©ã—ã¦æŒ‡å®šã—ã¦ãã ã•ã„。 使用ã™ã‚‹HTML・デモ サンプルã§ä½¿ç”¨ã—ã¦ã„ã‚‹HTMLã¯ä¸‹è¨˜ã®ã‚ˆã†ãªaè¦ç´ ã®hrefã«ã¯#を記述ã—ãŸã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}