CSS Z-Index OVER Javascript “调查猴子” PNG 滚动条底部淡入淡出
希望在我们的调查问卷框底部添加 PNG Fade。简短的问题不会显示它们，但对于带有垂直滚动的较长问题，我想在底部添加轻微的淡入淡出，以帮助指示下面还有更多内容。滚动条应该足以通知人们，但有些人需要更多一点，再加上“我们”（我的老板和我）想要的。
这是我正在处理的页面： http://www.careersinmusic.com/template.aspx
单击“单击我”用于调查”加载调查的链接。
问题#3 更长并且使用卷轴。对于问题 #1 和问题 #2 单击“是”以转到长问题 #3。
任何帮助总是非常感谢，希望这是足够的信息。
Looking to add a PNG Fade at the bottom of the our survey questionnaire box. The short questions won't show them, but for the longer ones with a vertical scroll I would like to add a slight fade at the bottom to help indicate there is more below. The scroll bar should be enough to notify people, but some people need a little more, plus its what "we" (my boss and I) want.
Here is the page I am working on:
http://www.careersinmusic.com/template.aspx
Click the "Click Me for Survey" Link to Load the Survey.
QUESTION #3 is longer and uses a scroll. Click Yes for question #1 and #2 to get to the Long question #3.
Any help is always greatly appreciated, Hopefully this is enough info.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
#PageContentDiv指定一个position样式（可能是relative）。position（可能是absolute），z-index:1赋予>#PageContentDiv、z=index:2到推子图像display:none#PageContentDiv 已滚动 (.scrollTop==0).style.display='')关键部分请记住，元素需要
position样式才能应用z-index，并且一旦用户意识到该框可以滚动，您就需要删除推子。#PageContentDivapositionstyle (probablyrelative).position(probablyabsolute)z-index:1to the#PageContentDiv,z=index:2to the fader imagedisplay:noneon that fader image#PageContentDivhas been scrolled (.scrollTop==0).style.display='') if scroll bar is still at 0Key parts to remember are that elements need a
positionstyle to have az-indexapplied, and that you'll need to remove the fader once the user has realized the box can be scrolled.