javascript文字叠加

时间:2010-06-17 14:53:57

标签: javascript textbox scroll overlay

我很不知道javascript是桌面应用程序而不是网络程序员,但我正在尝试将一个元素添加到朋友网站。谷歌尝试找到我能够适应的脚本失败了。 我想要的是位于html / css上方的浏览器窗口右下角的一个小文本框,如果用户滚动,它将消失。

可以提供一小部分可以帮助的JavaScript吗?或者指出一个可以改编的剧本。

谢谢

[编辑] 最终守则 HTML:

<body onscroll="document.getElementById('textbox').style.display = 'none';" >
<div id="textbox">
Please Scroll down for more information
</div>

CSS

#textbox
{
background-color :#FF732F;
border: solid 1px #5F6800;
padding: 5px;
position: absolute;
z-index: 9999;
right: 0;
bottom:0;
}

[/编辑]

1 个答案:

答案 0 :(得分:4)

要在右下角放置元素,请添加以下CSS:

#idOfElement {
    position: absolute;
    z-index: 9999;
    right: 0;
    botom: 0;
}

要在用户滚动时使其消失,请处理scroll事件并写入

document.getElementById('idOfElement').style.display = 'none';