ウェブページã«å›ºå®šè¡¨ç¤ºã•ã›ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®åŠ¹æžœçš„ãªä½¿ã„方「positon: fixed;ã€ãªã©ã§é…ç½®ã—ãŸã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚固定ä½ç½®ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®åŠ¹æžœçš„ãªä½¿ã„方を紹介ã—ã¾ã™ã€‚ Fixed position web elements [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚㫠ウェブページã§å›ºå®šè¡¨ç¤ºã•ã‚ŒãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯ã€æœ€è¿‘多ã見ã‹ã‘るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¯ãƒšãƒ¼ã‚¸ã§è¡¨ç¤ºã•ã‚Œã¦ã„ãªã„箇所ã¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ™‚ã«ã€ç‰¹å®šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ã¿è¡¨ç¤ºã‚’残ã™ã‚‚ã®ã§ã™ã€‚最もよã見ã‹ã‘ã‚‹ã®ã¯ã€ãƒŠãƒ“ゲーションをå«ã‚ãŸãƒ˜ãƒƒãƒ€ã§ã—ょã†ã€‚ エレメントを固定表示ã™ã‚‹ã“ã¨ã§æœ€ã‚‚大切ãªã“ã¨ã¯ã€ãã‚ŒãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦é‡è¦ãªã‚‚ã®ã§ã‚ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚エレメントã®é‡è¦æ€§ã¯å¤‰åŒ–ã™ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ãªã‚´ãƒ¼ãƒ«ã¯ãƒšãƒ¼ã‚¸ã®ã„ãšã‚Œã‹ã®éƒ¨åˆ†ã‚’永久ã«ãƒ“ューãƒãƒ¼ãƒˆã«è¡¨ç¤ºã™ã‚‹ã“ã¨ã§ã™ã€‚ ã‚‚ã—ã€ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã†ã¨ãã¯ã€æ…Žé‡ã«æ¤œè¨Žã™ã‚‹ã“ã¨ã‚’勧ã‚ã¾ã™ã€‚ã“ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯è‡ªå‹•
スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã¤ã„ã¦ãるサイドãƒãƒ¼ã‚’実装ã™ã‚‹éš›ã«ä¾¿åˆ©ãªjQueryプラグイン「Smart sticky floating boxã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}