Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Перемещение блока div синхронно со вертикальным скроллингом...

Сообщения:  [1-4] 

 
 автор: kukuikar   (29.12.2007 в 12:55)   письмо автору
 
   для: Cyrax   (28.12.2007 в 15:31)
 

а position:fixed; не подходит?

   
 
 автор: Cyrax   (28.12.2007 в 19:09)   письмо автору
 
   для: elenaki   (28.12.2007 в 18:24)
 

Спасибо большое, сейчас буду "переваривать"...

   
 
 автор: elenaki   (28.12.2007 в 18:24)   письмо автору
 
   для: 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>

   
 
 автор: Cyrax   (28.12.2007 в 15:31)   письмо автору
 
 

Как сделать так, чтобы при скроллинге экрана некоторый блок (например, div), был постоянно перед глазами, т.е. перемещался вместе со скроллингом.

Т.е. имеется большая таблица, скажем, из двух столбцов и одной строки (имеем 2 большие ячейки). В левой чейке - маленький блок div. В правой - большойпо объёму текст. Когда мы мотаем по вертикали таблицу, маленький блок div уходит вверх за пределы экрана. Необходимо его перемещать вниз-вверх синхронно со скроллингом, чтобы он (блок div) был постоянно перед глазами...

   

Сообщения:  [1-4] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования