-
Народ подскажите как сделать следующее !!!
Есть код типа :
<html>
<head>
<title>TEST</title>
<style>
#bl {
width:600px;
height:100px;
overflow:scroll;
padding:4px;
border:1px solid #000;
}
</style>
<script type="text/javascript">
function MyScrollBl(count) {
? ? ? ? ? ? ? ? ? ? ? ? ?
return true;
}
</script>
</head>
<body>
<input type="button" value="SCROLL" onclick="MyScrollBl(2);"/>
<div id="bl">
1</p>
2</p>
3</p>
4</p>
5</p>
6</p>
7</p>
8</p>
9</p>
10</p>
11</p>
12</p>
13</p>
14</p>
15</p>
16</p>
17</p>
18</p>
19</p>
20</p>
</div>
</body>
</html>
Надо создать JavaScript в функции MyScrollBl(count), который бы прокручивал содержимое div блока вниз на значение count.
-
Суть в том: создаешь новый блок внутри и его двигаешь вверх.
Код:
<html>
<head>
<title>TEST</title>
<style>
#bl {width: 600px; height: 100px; overflow: scroll; padding: 4px; border: 1px solid #000; position: relative}
#bl_in {position: absolute; overflow: hidden}
</style>
<script type="text/javascript">
var top_y=0;
function MyScrollBl(count) {
top_y -= count;
document.getElementById('bl_in').style.top = top_y;
return true;
}
</script>
</head>
<body>
<input type="button" value="SCROLL" onclick="MyScrollBl(2);"/>
<div id="bl">
<div id="bl_in">
<script>for (i=0; i<20; i++)document.write('
'+i+'</p>');</script>
</div>
</div>
</body>
</html>
-
Ах, да, надо var top_y=4; чтобы учесть высоту бордера.
-
т.е. для учета padding:4px;
-
Цитата:
Originally posted by MacTpuK@Mar 25 2006, 19:26
Ах, да, надо var top_y=4; чтобы учесть высоту бордера.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Не не то, но все равно сенкс !!!
Решение проблемы уже нашол, в ету тему мона больше не писать [Only registered and activated users can see links. Click Here To Register...]
