張り付けた地図でスクロールしづらい! そこで jQueryUI の Accordion で隠してみた

thikasa

Category: ブログ / Tag: ,

Jqueryui accordion for map

地図をブログに貼り付け。

PCで見れば特に問題は無いのですが、iPhone 等で見ると、ページのスクロールをしたいのに地図のスクロールをしてしまって、ちょっとストレスになることがあります。

そこで、実験的に jQueryUI の Accordion で隠してみました。


隠してみた:Google Map

↓こちらの地図


大きな地図で見る

↓アコーディオンで隠してみました。

ここクリックすると地図を表示します


クリックしたとこをもう一度クリックするとまた隠れます。

食べログ

↓こちらのこの情報

春友流

関連ランキング:ラーメン | 高島町駅戸部駅平沼橋駅

↓アコーディオンで隠してみました。

ここをクリックするとお店情報を表示します

関連ランキング:ラーメン | 高島町駅戸部駅平沼橋駅

同様にもう一度クリックすると隠れます。



なかなか楽しい

と思ったのですが、どうでしょう。

隠した中のサイズやマージンの調整ができてませんが、調整すれば結構イイ感じかも。

ご参考までにどぞ(・∀・)

RSS 登録

もしこのブログを気に入っていただけたのなら、RSS 登録をお願いします。
最新情報をお届けします。

follow us in feedly