投稿日：2013年6月18日 更新日：
久々の更新です、ご無沙汰しています。
とある案件で、ポップアップウィンドウを多用する物があったので
昔から使っているprettyPopinを使用して開発を行なっています。
開かれたポップアップが元のページの高さよりも長い場合が発生することがあるかと思いますが
その場合、背景のオーバーレイが元のページの高さまでしか表示されません。
そこで改造！！
popupするウィンドウの高さは
[popinHeight]という変数に格納されているので
displayPopinのfunctionのページ表示の後に以下を追加
if($(document).height() > popinHeight){
$('#overlay').css('height',popinHeight+projectedTop+projectedTop);
｝
これで元のドキュメントの高さよりもポップアップするウィンドウの高さが長い場合にポップアップするウィンドウの高さ＋上下のマージン高さをプラスしたオーバーレイが出来上がります。
簡単でしたね・・・
執筆者：Shindo
関連記事
備忘録：jQueryのlive-clickがiPadで効かない
ちょっと忙しく、ブロクが更新できていませんが jQueryを利用してiPadでのウェブアプリケーションを開発中です。 そこで起こったちょっとした不具合 jQueryでlive:clickを使用した際に …
「event.layerX and event.layerY are ….」エラーについて
連投です。 開発中のシステムをGoogleChromeでチェックしていたところ、DeveloperToolsのConsoleに下記のようなワーニングが出ていたので対処方法を 「event.layerX …
MAC OSX10.9 MavericksをMBAにクリーンインストール
MacBookAir late2010に最新のOS「Mavericks」をインストールしましたので、インストール手順を簡単に公開します。 インストール環境 MacBook Air Late 2010 …
備忘録：prettyPopinで開くポップアップページに画像を表示する場合の注意点
「iPad Air」「iPad Mini Retina」来月発売ですね。皆さんは購入されますか？私は「iPad Mini Retina」を在庫が潤沢になった頃に買う予定です。実はこのような仕事をしなが …
MAC OSX10.9 Mavericksをクリーンインストール・USBメモリ編
先日、Mac OSX10.9 MavericksをMBAにクリーンインストールを書きましたが、iMacもクリーンインストールすることにしました。折角なので、USBメモリをインストールメディアとして使用 …
