使用Javascript「Survey Monkey」的CSS Z索引滾動條底部的PNG淡入淡出

想要在我們的調查問卷框底部添加PNG淡入淡出。簡短的問題不會顯示出來，但對於具有垂直滾動的較長的問題，我想在底部添加一點淡入淡出，以幫助指出下面有更多內容。滾動條應該足以通知人們，但有些人需要多一點，加上「我們」（我的老闆和我）想要的東西。使用Javascript「Survey Monkey」的CSS Z索引滾動條底部的PNG淡入淡出

這裏是我工作的頁面： http://www.careersinmusic.com/template.aspx

點擊「點擊我要調查」鏈接裝入調查。

問題＃3更長，並使用滾動。問題＃1和＃2點擊是，進入長問題＃3。

任何幫助總是非常感激，希望這是足夠的信息。

來源

2010-10-27 Varazi

你的問題在哪裏？能夠更具體一些會更好。你不知道如何添加一個透明PNG到您的網頁？ – gearsdigital 2010-10-27 21:26:51

我這樣做，我只是不能讓div在javascript之上。 – Varazi 2010-10-29 18:45:26

首先，給你一個#PageContentDiv風格position（可能relative）。
然後，包括在該分區的PNG褪色的圖像，還具有position（可能absolute）
給z-index:1到#PageContentDiv，z=index:2到推子圖像
上的JavaScript推子圖像
設置display:none：測試是否#PageContentDiv已滾動（.scrollTop==0）
的Javascript：顯示推子（.style.display=''）如果滾動條尚處於0

要記住的關鍵部分是元素需要position樣式才能應用z-index，並且您需要在用戶意識到該框可以滾動時移除推子。

來源

2010-11-19 02:19:19 Ben

使用Javascript「Survey Monkey」的CSS Z索引滾動條底部的PNG淡入淡出

回答

相關問題