[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Скроллинг
rooor
Всем привет)

Тут такая проблемка... надо div прокрутить по горизонтали.
Можно реализовать что-то типа drag and drop?
Нажал на див и потащил мыша в сторону - пошла прокрутка =)

<div style="border: 1px solid; width: 500px; height: 500px; overflow-y: auto;">
<table
width="2000">
<tr>
<td>
===</td>
</tr>
</table>
</div>

Я так понимаю, что надо что-то вешать событие mousedown на таблицу, которая внутри дива... или не? :unsure:



Спустя 1 час, 45 минут, 46 секунд (5.07.2012 - 13:52) rooor написал(а):
<div style="border: 1px solid; width: 500px; height: 500px; overflow-y: auto;" onmousemove="this.scrollLeft = event.pageX * 2.9"> 

вот так можно, но не удобно... onmousedown срабатывает как onclick, поэтому тоже не подходит...

Спустя 1 час, 1 минута, 45 секунд (5.07.2012 - 14:54) rooor написал(а):
ладно, другой вопрос :)
почему не работает setInterval() ?
<div onmousedown="interval = setInterval(this.scrollLeft += 100, 50)" onmouseup="if(window.interval) clearInterval(interval)">

Спустя 4 дня, 21 час, 54 минуты, 12 секунд (10.07.2012 - 12:48) rooor написал(а):
Эт снова я))

Пока сделал вот так:
<script type="text/javascript">
function move(obj)
{
obj.scrollLeft = (event.clientX)*1.5;
}
</script>

<div onmousemove="move(this)">

а как можно прокручивать весь див не зависимо от разрешения экрана?
т.е. сейчас получается, что при полном развороте окна всё работает как надо, но если изменить размеры окна или поменять разрешение экрана - див крутится только наполовину своей ширины...

Спустя 2 часа, 25 минут, 22 секунды (10.07.2012 - 15:13) rooor написал(а):
а я сделал как хотел, по первоначальному варианту tongue.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.