我的網站上有一個圖像彈出功能,當用戶點擊頁面上的較小版本時,爲了向用戶顯示全分辨率圖片,檢測用戶滾動的次數
這是當前CSS
是對其定位:
div#enlargedImgWrapper {
position: absolute;
top: 30px;
left: 55px;
z-index: 999;
}
現在的問題是,如果我在圖像上單擊進一步下跌的頁面,窗口仍然出現在頁面上,其中的左上角直到我滾回來,我纔看到它。我需要它相對於窗口出現,不管它相對於文檔的當前位置是什麼。
注:我不想用position: fixed;
一些圖像可能比屏幕更高,所以我希望用戶能夠沿着滾動瀏覽圖像,以及。
我的想法是用JS改變top
值:
var scrollValue = ???;
document.getElementById('enlargedImgWrapper').style.top = scrollValue+30 + 'px';
我怎麼能多少用戶已經向下滾動頁面(var scrollValue
)檢測?
或者有更好的方法來做到這一點?
編輯:如果可能我想這樣做沒有jQuery。
非常感謝你這個偉大的答案!它完美的工作! – 2012-07-07 09:35:35