[スマートフォン]ヘッダーを固定é…ç½®ã«ã™ã‚‹JavaScript | サイブリッジラボブãƒã‚°ã¯ã˜ã‚ã¾ã—ã¦ã€ä»Šå›žåˆç™»å ´ã®ã‚¢ã‚·ã‚¹ã‚¿ãƒ³ãƒˆãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¾ã“ã£ã¡ã‚ƒã‚“ã§ã™ã€‚ 今後ã¨ã‚‚よã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 最近ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œå…¨ç››æœŸã§ã™ã‚ˆã。今後ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ãƒªãƒƒãƒãªã‚µã‚¤ãƒˆãŒã€ç¾ã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ã¨ã‚ãã‚ãã—ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œä¸ã«èº“ã„ãŸå›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã«ã¤ãã¾ã—ã¦ã€ã€Žå›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã®JavaScriptã¯ä½•ãŒãƒ™ã‚¹ãƒˆã‹ã€ã‚’考ãˆã¦ã„ãã¾ã™ã€‚ Mobile Webkit ã§ã¯ã€position:fixed;】ãŒåŠ¹ã‹ãªã„ï¼ çš†ã•ã‚“ã‚‚PCサイトã§ä¸€åº¦ã¯å›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã®ã‚µã‚¤ãƒˆã‚’制作ã•ã‚ŒãŸäº‹ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œã§è©¦ã•ã‚ŒãŸæ–¹ã‚‚ã„らã£ã—ゃるã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ PCサイトã®å›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã§ä½¿ç”¨ã•ã‚Œã‚‹ã€position:fixed;】ãŒiPhone・iPadãªã©ã§ã¯åŠ¹ã‹ãªã„ã¨ã„ã†å•é¡Œç‚¹ã«æ°—ã‚’ã¤ã‘ã¾ã—ょã†ã€‚ iscroll ã¾ãšã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã«ä½¿ã‚
![[スマートフォン]ヘッダーを固定é…ç½®ã«ã™ã‚‹JavaScript | サイブリッジラボブãƒã‚°](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c4c84c2ed644536f060d0ce5ef0c638400d09be/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Fwww.cybridge.jp%2Fimg%2Fcommon%2Flogo_cybridge_m.gif)
{{#tags}}- {{label}}
{{/tags}}