| |
|
|
| | Как сделать так, чтобы при скроллинге экрана некоторый блок (например, div), был постоянно перед глазами, т.е. перемещался вместе со скроллингом.
Т.е. имеется большая таблица, скажем, из двух столбцов и одной строки (имеем 2 большие ячейки). В левой чейке - маленький блок div. В правой - большойпо объёму текст. Когда мы мотаем по вертикали таблицу, маленький блок div уходит вверх за пределы экрана. Необходимо его перемещать вниз-вверх синхронно со скроллингом, чтобы он (блок div) был постоянно перед глазами... | |
| |
|
|
| |
|
|
| |
для: Cyrax
(28.12.2007 в 15:31)
| | | попробуйте вот это (в FF не тестировала):
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div class="draggable" id="results" name="test" style="position: absolute; top: 180; left: 540; border: #000000 1px solid; width:200; z-index: 1000; background-color: #cce4b1; cursor:pointer; cursor: hand;">
<dd>
test text
scroll the page down
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
var isMSIE = document.attachEvent != null;
var isGecko = !document.attachEvent && document.addEventListener;
var DraggingItem = new Object();
function FloatTopDiv2()
{var startX2 = 540;
var startY2 = 180;
var ns2 = (navigator.appName.indexOf("Netscape") != -1);
var d2 = document;
function ml2(id)
{
var el2=d2.getElementById?d2.getElementById(id):d2.all?d2.all[id]:d2.layers[id];
if(d2.layers)el2.style=el2;
el2.sP2=function(x,y){//this.style.left=x;
this.style.top=y;};
el2.y = startY2;
return el2;
}
window.stayTopLeft2=function()
{ var pY2 = ns2 ? pageYOffset : document.body.scrollTop;
ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/8;
ftlObj2.sP2(ftlObj2.x, ftlObj2.y);
setTimeout("stayTopLeft2()", 10);
}
ftlObj2 = ml2("results");
stayTopLeft2();
}
FloatTopDiv2();
</SCRIPT>
</dd></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(28.12.2007 в 18:24)
| | | Спасибо большое, сейчас буду "переваривать"... | |
| |
|
|
| |
|
|
| |
для: Cyrax
(28.12.2007 в 15:31)
| | | а position:fixed; не подходит? | |
| |
|
|
