|
|
|
| Есть некий элемент (желательно Table, но можно и div) абсолютно позиционированный.
Как сделать так, чтобы при прокрутке странички элемент оставался в поле зрения (т.е. перемещать его?)?
Пожалуйста, помогите! | |
|
|
|
|
|
|
|
для: victoor
(08.11.2006 в 23:34)
| | Пробуй так
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<!-- Стили -->
<style type="text/css">
body {margin:0; padding:0;}
table {margin:0; padding:0;}
tr {margin:0; padding:0;}
td {margin:0; padding:0;}
</style>
<script language="javascript">
<!--
function reklama()
{
wdth = document.getElementById("doc").clientWidth;
hght = document.getElementById("doc").clientHeight;
document.getElementById("rekl1").style.left = (wdth - 100);
document.getElementById("rekl1").style.top = 0;
document.getElementById("rekl2").style.left = 0;
document.getElementById("rekl2").style.top = 0;
}
function chgTop()
{
if(document.getElementById("doc").scrollTop > 0)
{
var top = document.getElementById("doc").scrollTop;
document.getElementById("rekl1").style.top = top;
document.getElementById("rekl2").style.top = top;
}
else
{
document.getElementById("rekl1").style.top = 0
document.getElementById("rekl2").style.top = 0
}
}
//-->
</script>
</head>
<body id="doc" onLoad="reklama()" onScroll="chgTop()">
<table height="1000" width="100%">
<tr>
<td>
</td>
</tr>
</table><div id="rekl1" style="position:absolute; left:0; top:0; height:100; width:100; z-index:2; background-image:url('ddd.gif')">
</div>
<div id="rekl2" style="position:absolute; left:0; top:0; height:100; width:300; z-index:2; padding-left:5px; padding-top:5px;">
<h2 id="txt" style="color:#009900; ">Этот текст будeт виден всегда :)</h2>
</div>
</body>
<html>
|
| |
|
|
|
|
|
|
|
для: Lelik
(09.11.2006 в 00:01)
| | Спасибо! заработало! :))
А это только в IE будет работать, или и в других браузерах тоже? | |
|
|
|
|
|
|
|
для: victoor
(09.11.2006 в 00:17)
| | не знаю как в нетскейпе, а в файрворксе и опере работать должно | |
|
|
|