iOS7ã«ã¦ã€Mobile Safariã®window.innerHeightã‚’æ£ã—ãå–å¾—ã™ã‚‹æ–¹æ³•ä¹…々ã®ãƒ–ãƒã‚° ã©ã†ã‚‚ã€ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚最近ã€ç§ç”Ÿæ´»ã‚„ら公生活ãŒå¿™ã—ã™ãŽã¦ãƒ–ãƒã‚°æ›¸ã暇ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ 今日ã€ã‚€ã¡ã‚ƒãã¡ã‚ƒæ„Ÿå‹•ã—ãŸæŠ€è¡“を見ã¤ã‘ãŸã®ã§ã€ãれをメモ書ãã—ã¾ã™ã€‚ iOS7ã®Mobile Safarié™å®šãƒã‚° iOS7ã®Mobile Safariã¯ã€ä»¥å‰ã®Mobile Safariã¨ä»•æ§˜ãŒå¤‰ã‚ã‚Šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ä¸Šéƒ¨ã®ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã¨ä¸‹éƒ¨ã®æ“作エリアãŒè‡ªå‹•çš„ã«éš れる仕様ã«ãªã‚Šã¾ã—ãŸã€‚ 自動的ã«éš ã‚ŒãŸã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã‚„æ“作エリアをå†è¡¨ç¤ºã™ã‚‹ãŸã‚ã«ã¯ã€Mobile Safariã®ä¸Šéƒ¨ã‚„下部を軽ãタップã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã¨ã„ã†å‹•ä½œãŒå¿…è¦ã§ã™ã€‚ 今回å•é¡Œã¨ãªã£ãŸã®ã¯ã“ã®å†åº¦ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã¨æ“作エリアを表示ã•ã›ãŸç”»é¢ã‚µã‚¤ã‚ºã§ã—ãŸã€‚ よãã‚るコードã§ã™ã¨ã€window.innerHeightã§é«˜ã•ãŒå–得出æ¥ã‚‹ã®ã§ã™ãŒã€æã‚ã—ã„ã“ã¨ã«ã€ã“ã®ç”»é¢ã®ã‚µã‚¤ã‚ºã¯ã€ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ï¼‹æ“作エリアã®é«˜ã•ã‚’計算ã«å…¥ã‚Œã¦ã„
æ–‡å—ã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’ç½®ãã ã‘ã§ãƒ•ã‚©ãƒ³ãƒˆåやサイズを特定ã€è©¦ã—打ã¡ï¼†ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ãªã€ŒFontface Ninjaã€
GPUアクセラレーションã¨position: relativeã«ã‚ˆã‚‹ãƒ¬ã‚¤ãƒ¤ãƒ¼ç”Ÿæˆã«ã¤ã„ã¦
{{#tags}}- {{label}}
{{/tags}}