colorboxの位置がおかしくなる

最近作っているサイトがあって、WordPressを使用しているのだけども、どうしても、ライトボックスを使わないといけなかったのでcolorboxを使用。

 

何回も使用しているから大丈夫かなーと思っていたのだけども、カスタマイズしているうちにcolorboxの位置がおかしくなるという事象が発生。

 

位置が・・・センターよりも上付きになって見えなくなってしまうという・・・（クライアントがいるのでお見せできませんが）

 

 

この現象がなぜ起きたのか・・・

カスタマイズした際に起きたことなのかを調べるべく、firebugなんぞを使ってみたのですが、

原因は結局わからず・・・・

まさかのオプションが用意されているのかと思って、調べるとオプションが案の定用意されていました。

 

「Positioning」というの項目の「fixed」を使用するといいらしい。

デフォルトはfalseなので、trueにしてあげればいいということが発覚。

fixed:true,

を追加してあげればいいということですね。

なぜ今までセンタリングになっていたのかわからない・・・のですが、

トップに表示されているリンクをクリックして勝手にセンタリングされていると認識しているだけであって、スクロールした下の方の確認を怠っていたのかもしれない。

それが一番濃厚だけども、解決してよかった。

 

オプションは必ず先に読んでおいたほうがいいのかも？？