Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Автоматический старт при при горизонтальной прокрутке div блоков (https://javascript.ru/forum/dom-window/53649-avtomaticheskijj-start-pri-pri-gorizontalnojj-prokrutke-div-blokov.html)

admin'ko 12.02.2015 10:46

Автоматический старт при при горизонтальной прокрутке 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);
});

});

Всё это хорошо работает при нажатии на соответствующие кнопки. вопрос как можно добавить автоматический старт прокрутки блоков ?

Заранее благодарен !

krasovsky 12.02.2015 12:33

$("#goRight").click() Или $("#goRight").trigger('click')

admin'ko 13.02.2015 09:23

Спасибо за ответ ! У меня по клику переход на stepsize происходит, мне нужно что бы движение начиналось автоматически по пикселям без нажатия, я плохо знаю java но полагаю что за это отвечает функция avtostart или что то на подобии. Сильно не ругайте ! я новичок.:)

krasovsky 13.02.2015 09:40

А я java вообще не знаю. Зато знаю javascript.
Я что то не вижу в твоем коде метода autostart, и нет никакого стандартного метода на подобии.

Короче вот http://jsfiddle.net/xx0q39cL/


Часовой пояс GMT +3, время: 11:26.