2010-11-30 57 views
3

ユーザがスクロールした場合にthickboxを使用すると、thickboxは常に中央に配置されます。しかし、カラーボックスの場合、スクロールするとカラーボックスのサイトがなくなり、灰色の背景が表示されます。ユーザーのスクロールに関係なく、画面上の位置を維持するのと同じ機能を持つように、colorboxを更新するにはどうすればよいですか。カラーボックスを常にスクロールの中央に維持する

http://colorpowered.com/colorbox/core/example1/index.html http://jquery.com/demo/thickbox/

垂直スクロールバーやスクロールを持っているとあなたは違いを見ることができ、あなたのウィンドウのサイズを変更。カラーボックスは、相対位置を使用し、一方、ボックスを整列させるために、固定:

おかげ

+0

以下の応答は機能しましたが、カラーボックスは常に左上に固定されていました。誰もがそれをページの中央に置いてブラウザのスクロールを動かさないようにする方法を知っていますか? – Jason

+1

これにはまだ答えが必要ですか?私は賭けを取っています。カラーボックスの完成から、適切に初期化するまで何かがありました。あなたが特に指定しない限り、それを中心にしておくために構築されています。 – Relic

答えて

2

差がThickBoxのは、CSSの位置を使用することです。 colorbox.cssファイルで、 "#colorbox {}"行を "#colorbox {position:fixed}"に変更してみてください。Firebugでテストしたところ、修正されたようです。

位置固定CSSはIE6では機能しません。

+0

ありがとうございました。 IE6は心配しない。真ん中に中心を置く方法は?今は常に左上です。 – Jason

+0

#colorbox、#cboxOverlay、#cboxWrapper {位置:固定;トップ:0;左:0; z-インデックス:9999;オーバーフロー:隠し;} – Jason

17

私は少し遅れているかもしれませんが、実際には、単にあなたのカラーボックス宣言で "固定"オプションを使用することができます。このオプションは、デフォルトでは「false」です。それを "true"に設定すると、あなたは望む結果が得られます:

$('#my_box').colorbox({ 
    fixed: true 
}); 
関連する問題