Автоматический старт при при горизонтальной прокрутке div блоков
Доброго времени суток уважаемы коллеги. Прошу помощи по добавлению автоматической прокрутки в блоке div.
Есть html конструкция : <div id="container"> <div id="content"> <div class="block1"></div> <div class="block2"></div> <div class="block3"></div> <div class="block....n"></div> </div> </div> <button id="goLeft">LEFT</button> <button id="goRight">RIGHT</button> и css : #container { width:100%; overflow:hidden; } #content { height:140px; width:4290px; } .block1...n{ display: inline-block; width: 130px; height: 130px; } #goLeft{ position:absolute; top:0px; left:0px; height:130px; } #goRight{ position:absolute; top:0px; right:0px; height:130px; } js сейчас выглядит так : $(function() { var stepSize = 100, $container = $("#container"), $content = $container.find("#content"); function scroll(offset) { $container.scrollLeft($container.scrollLeft() + offset); } $("#goLeft").bind('click', function() { scroll(0 - stepSize); }); $("#goRight").bind('click', function() { scroll(stepSize); }); }); Всё это хорошо работает при нажатии на соответствующие кнопки. вопрос как можно добавить автоматический старт прокрутки блоков ? Заранее благодарен ! |
$("#goRight").click() Или $("#goRight").trigger('click')
|
Спасибо за ответ ! У меня по клику переход на stepsize происходит, мне нужно что бы движение начиналось автоматически по пикселям без нажатия, я плохо знаю java но полагаю что за это отвечает функция avtostart или что то на подобии. Сильно не ругайте ! я новичок.:)
|
А я java вообще не знаю. Зато знаю javascript.
Я что то не вижу в твоем коде метода autostart, и нет никакого стандартного метода на подобии. Короче вот http://jsfiddle.net/xx0q39cL/ |
Часовой пояс GMT +3, время: 11:26. |