singlepost

JS прокрутки << На главную или назад  

Дарова всем, такой вопрос:

Имеется функция:
function scroll(i){
with(document.getElementById('my_div')){
var pos = scrollTop+i;
if(pos<0)pos=0;
else if(pos>=scrollHeight)pos=scrollHeight-1;
scrollTop=pos;
}
}

<div style="position:relative;width:800px; height:350px; margin-top:50px; border: solid 1px #FFFF33; overflow: hidden;" id="my_div"> … </div>

И 2 картики соответственно:
<a href="#" onclick="scroll(-1);"><img src="img/up.gif" /></a>
<a href="#" onclick="scroll(1);"><img src="img/down.gif" /></a>

Всё работает, но меня не устраивает длина стижков прокрутки. По одному пикслю чтоли, вобщем медленно и мало). Как увеличить длину стижков?

Или вообще было бы идеально, если бы у меня в диве в основном бло встроено множество других дивов, и прокрутка осуществлялась на 1 див внутренний?
Спасибо

20 ответов в теме “JS прокрутки”

  1. 6
    Вадим Бускин ответил:

    а если хочешь листать дивы то зачем прокрутка??? просто листай по индексу… c document.getElementById(i_div).style.display=none or ''

  2. 5
    Андрей Юткин ответил:

    offsetHeight возвращает реальную рассчитанную высоту элемента

  3. 4
    Дмитрий Заносов ответил:

    Не, ну дивы могут быть с разно высотой)

  4. 3
    Дмитрий Заносов ответил:

    Мдя спасибо, реально я чето тупанул)))))
    А как сделать прокрутку ровно на 1 див? Не выдит исходя из жтого скрипта?

  5. 2
    Алексей Сонькин ответил:

    ну, наверное, подставив высоту дива?)

  6. 1
    Вадим Бускин ответил:

    <a href="#" onclick="scroll(-5);"><img src="img/up.gif" /></a>
    <a href="#" onclick="scroll(5);"><img src="img/down.gif" /></a>

Клуб программистов работает уже ой-ой-ой сколько, а если поточнее, то с 2007 года.