Как сделать бесконечную прокрутку?
$("#right").click(function() {
$(".slide").animate({
"left": "+=100px"
}, "slow");
});
$("#left").click(function() {
$(".slide").animate({
"left": "-=100px"
}, "slow");
});
.content {
width: 100px;
height: 160px;
overflow: hidden;
position: absolute;
z-index: 1;
left: 100px;
}
.slide {
position: absolute;
z-index: -1;
background-color: #abc;
left: 0px;
width: 300px;
height: 160px;
}
.block {
width: 100px;
height: 160px;
float: left;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
<div class="slide">
<div class="block">1</div>
<div class="block">2</div>
<div class="block">3</div>
</div>
</div>
<button id="left">«</button>
<button id="right">»</button>