[B! addressbar] donnie28064212のブックマーク

donnie28064212 id:donnie28064212

addressbarに関するdonnie28064212のブックマーク (2)

千と千尋のアドレスバー隠し - スタジオ・アルカナ技術ブログ
こんにちは、ともよーんです。先日この技術ブログきっかけで寄稿させていただくことになった雑誌が発売になりました。皆さまのおかげで素敵な機会が持ててとてもありがたく思っています！詳しい掲載内容はこちらをご参照ください。さて、今回もまたスマートフォンに関するトピックです。アドレスバーを非表示にする方法について書きたいと思います。狭い狭いスマホの画面ではアドレスバーを非表示にして、少しでも表示領域を広げたいものです。最近関わった案件の仕様書にも当然のようにこの要望がありました。まず、アドレスバー非表示の基本的な仕組みから見ていきましょう。コアになるコードはこちら↓ window.scrollTo(0, 1); 「ページ読込み完了時に1px上にスクロールさせろ」という指示です。アドレスバーは1pxより全然あるやんか！全然隠れへんやんか！と思った方、（私だけ？）モバイルSafari
donnie28064212 2012/08/09
smartphone

mobile

addressbar

javascript
リンク
[js,iPhone,Android] コンテンツがwindow.innerHeightより小さい時にもアドレスバーを隠したい
[js,iPhone,Android] コンテンツがwindow.innerHeightより小さい時にもアドレスバーを隠したいスマートフォンのブラウザアプリで画面の高さにきっちり収まる仕様で作っていると高さが足りないのでwindow.scrollToしてもアドレスバーが隠せない。でも隠した方が表示領域が増えるので何とかしたい。単純に考えればアドレスバー分bodyの高さを増やせばいい、ってことなんですが… ※以下全てWebKitの話です。 screenとwindowの高さに関する値が違うやっぱり一筋縄ではいかなかった。 2011-10-04 1st – jsdo.it – share JavaScript, HTML5 and CSS 直接見る Androidだと screen.height = screen.availHeight = window.innerHeight win
donnie28064212 2012/06/01
addressbar

iphone

android

javascript
リンク
1