| |
|
|
| | Пользовался поиском, но подходяших тем не нашёл...
Вопрос таков, верней нужен скрипт(JavaScript). Есть таблица в ней каждая строка равна примерно 150px - высота 100% - ширина. Строк много примерно больше 20 -50. Соответсвенно листать очень долго. Как сделать чтобы когда мышкой ведёшь вниз то страница прокручивается вниз, соответсвенно тоже самое вверх.
Заранее спасибо за помощь :) (нужен скрипт или пример) | |
| |
|
|
| |
|
|
| |
для: Alexx
(16.01.2006 в 22:27)
| | | А я нашёл по поиску "12345 scroll" (по "И") . :)
http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=9808&page=1
Это для IE только, но нетрудно решения совместить кроссбраузерно.
<script>d=document;for(i=0;++i<55;d.write('строка'+i+' <br><br><br><br><br><br><br><br>'));</script>
<body onmousemove=self.scroll(0,(del=d.body.scrollHeight-(cH=d.body.clientHeight))*(d.all?event.y:event.pageY-pageYOffset)/(cH+1))>
|
| |
| |
|
|
| |
|
|
| |
для: Alexx
(16.01.2006 в 22:27)
| | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Scroll</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="46"> </td>
</tr>
....
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
|
Как встроить скрипт ? Скрипт нужен только для IE. | |
| |
|
|
| |
|
|
| |
для: Alexx
(16.01.2006 в 23:34)
| | | Можно так:
<script>(d=document).onmousemove=function(){self.scroll(0,(del=d.body.scrollHeight-(cH=d.body.clientHeight))*(d.all?event.y:event.pageY-pageYOffset)/(cH+1));}</script>
|
| |
| |
|
|
| |
|
|
| |
для: 12345
(17.01.2006 в 12:51)
| | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Scroll</title>
<script>
(d=document).onmousemove=function(){self.scroll(0,(del=d.body.scrollHeight-(cH=d.body.clientHeight))*(d.all?event.y:event.pageY-pageYOffset)/(cH+1));}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="46"> </td>
</tr>
<tr>
<td height="73"> </td>
</tr>
<tr>
<td height="68"> </td>
</tr>
<tr>
<td height="79"> </td>
</tr>
<tr>
<td height="72"> </td>
</tr>
<tr>
<td height="99"> </td>
</tr>
<tr>
<td height="97"> </td>
</tr>
<tr>
<td height="83"> </td>
</tr>
<tr>
<td height="101"> </td>
</tr>
<tr>
<td height="92"> </td>
</tr>
<tr>
<td height="83"> </td>
</tr>
<tr>
<td height="88"> </td>
</tr>
<tr>
<td height="95"> </td>
</tr>
<tr>
<td height="90"> </td>
</tr>
<tr>
<td height="75"> </td>
</tr>
<tr>
<td height="271"> </td>
</tr>
<tr>
<td height="75"> </td>
</tr>
<tr>
<td height="73"> </td>
</tr>
<tr>
<td height="208"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
|
не работает :( | |
| |
|
|
| |
|
|
| |
для: Alexx
(17.01.2006 в 15:06)
| | | Doctype лишнее | |
| |
|
|
| |
|
|
| |
для: 12345
(17.01.2006 в 16:34)
| | | Можно пример рабочий :) | |
| |
|
|
| |
|
|
| |
для: Alexx
(18.01.2006 в 14:38)
| | | Разве не понятно? Убираешь из своего кода <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">, и работает. Рабочих примеров, кроме того, было 2 в этой теме. Нет, 3, по ссылке ещё один.
Ты на каком языке программируешь, что такие вопросы задаёшь? :) | |
| |
|
|
| |
|
|
| |
для: 12345
(18.01.2006 в 15:09)
| | | 12345 Спасибо :)
P.S Теперь другое у меня сверху ещё таблица примерно 200px высотой. Получается чтобы увидеть вверхнюю таблицу нужно мышь по самые помидоры поднять :), как понизить ? | |
| |
|
|
| |
|
|
| |
для: Alexx
(18.01.2006 в 22:30)
| | |
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Scroll</title>
<script>
(d=document).onmousemove=function(){self.scroll(0,toppos=(d.body.scrollHeight-(cH=d.body.clientHeight))*(d.all?event.y:event.pageY-pageYOffset)/(cH+1));
d.getElementById('alreadyVisible').style.top=toppos+16;
}
</script>
</head>
<body>
<Div id=alreadyVisible style=position:absolute>(Всегда в области окна.)</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="46"> </td>
</tr>
<tr>
<td height="73"> </td>
</tr>
<tr>
<td height="68"> </td>
</tr>
<tr>
<td height="79"> </td>
</tr>
<tr>
<td height="72"> </td>
</tr>
<tr>
<td height="99"> </td>
</tr>
<tr>
<td height="97"> </td>
</tr>
<tr>
<td height="83"> </td>
</tr>
<tr>
<td height="101"> </td>
</tr>
<tr>
<td height="92"> </td>
</tr>
<tr>
<td height="83"> </td>
</tr>
<tr>
<td height="88"> </td>
</tr>
<tr>
<td height="95"> </td>
</tr>
<tr>
<td height="90"> </td>
</tr>
<tr>
<td height="75"> </td>
</tr>
<tr>
<td height="271"> </td>
</tr>
<tr>
<td height="75"> </td>
</tr>
<tr>
<td height="73"> </td>
</tr>
<tr>
<td height="208"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
