2011-01-29 11 views
0

jscrollpane jqueryプラグインを使用しています。私のコンテンツは、あなたがそれらの上にマウスを置いたときに拡大する画像であり、mouseleaveで通常に縮小します。画像がスクロールバーを超えて拡大表示され、拡大表示されている場合に必要なものjscrollpane - コンテンツをスクロール領域に展開できるようにしますか?

画像にZ-インデックスを付けることで、スクロールバーのハンドル上で画像を拡大できますが、それ以上拡大するのは苦労します。

オーバーフローが発生するようにいくつかの要素を設定しても、動作させることはできますが、画面の下部にブラウザのスクロールバーがあります。

画像を拡大表示してもブラウザのスクロールバーが表示されないようにすることはできますか? おかげ

答えて

0

回答: http://groups.google.com/group/jscrollpane/browse_thread/thread/8073378d51551efa

こんにちは、

私が正しく理解していれば、あなたのイメージがスクロールペイン「箱」の 範囲外展開したいですか?それは簡単な方法では不可能です。

この問題を回避するには、このような何かをするかもしれません:

* On mouseover clone the image that is rolled over and attach the 
    clone to the body with position: absolute. 
* Use jQuery to figure out the position of the image you cloned with 
    respect to the body (a loop with offsetParent will be your friend 
    here). 
* Apply this position to the cloned image so that it is sitting 
    directly above the original image then expand it. 
* Listen for the mouseout event on the cloned image and when this 
    happens the shrink the cloned image and then remove it from the body. 

ケルビン、それが役に立てば幸い:)

関連する問題