2012-03-13 194 views
1

全部都是,被瀏覽器窗口隱藏的jQuery圖像彈出窗口

我對某些彈出圖像有點問題。下面就來的jsfiddle,在那裏我已上載的基礎知識鏈接,你看看:

http://jsfiddle.net/aETbw/37/

真正的網頁中含有大量的圓形圖像的邊緣,更大的空間,因此事實上,你可以在某些情況下看不到圖像的頂部或右側並不是真正的問題。問題是當圖像的底部出現在瀏覽器的底部之外時。如果圖像超出了瀏覽器窗口/視口範圍,那麼有沒有辦法讓圖像向上移動,以便整個圖像可見?

如果可能,我還想知道如果圖像在相機圖標後被隱藏起來,如何保持圖像可見。

預先感謝您的關注。

Martin。

+0

理想情況下,它會執行類似於此頁面上的下拉菜單的操作:http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test/ – Martin 2012-03-13 23:51:45

回答

2

只需運行一次檢查以查看圖像位置與窗口高度的比較,並在需要時將其移動到窗口邊界內。請參閱http://jsfiddle.net/aETbw/40/

+0

Thanks @aaron!它幾乎可以工作 - 當您翻轉後續圖像時,它會做一些有趣的事情。它從頁面上方的座標開始。 – Martin 2012-03-13 23:50:26

+0

這是實際的頁面(我對設計或代碼不負任何責任,順便說一下!)用你的代碼:http://1047797239.test.prositehosting.co.uk/grants/index.html – Martin 2012-03-13 23:53:58

+0

(我已經添加了一些代碼來刪除CMS生成的img HTML中的高度和寬度) – Martin 2012-03-13 23:55:03

相關問題