やったこと

webサービスを作るときに考えたことを垂れ流します

【CSS】GoogleMap APIを使ったマップのウィンドウ内がスクロールしない!

GoogleMap APIによって動的に追加したマップで、地点をクリックすると「info_window」というポップアップ・ウィンドウを表示をさせることができます。

このウィンドウ内のコンテンツが、iPhoneのサファリでうまくスクロールできない!
画面からはみ出た部分がちょん切れてしまい、見れなくて困ってしまいますた・・。

スクロールを効かせるためには、以下のようなcssを追加すると良いです。
ウィンドウの装飾用のクラス「gm-style-iw」に、スクロールを有効化するための設定をします。

.gm-style-iw {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

以上!