owl-carousel将所有div一起滚动

时间:2016-08-25 13:04:13

标签: jquery owl-carousel

请参阅随附的摘录......

owl-carousel即使在这个最小的设置中,滚动其中的所有div,就好像它是一个div!

每个元素都应该能够独立滚动,如本演示

http://owlgraphic.com/owlcarousel/demos/one.html

我要去香蕉......

$(document).ready(function() {
  $("#home-carousel").owlCarousel({
      autoPlay: 3000,
      singleItem:true
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.js"></script>

<div id="above-the-fold-remaining" style="height:150px">
	<div id="home-carousel" class="owl-carousel">
		<div class="item"><img src="http://placehold.it/600x150.jpg" alt="demo 1" /></div>
		<div class="item"><img src="http://placehold.it/600x150.jpg" alt="demo 2" /></div>
		<div class="item"><img src="http://placehold.it/600x150.jpg" alt="demo 3" /></div>
	</div>
</div>

1 个答案:

答案 0 :(得分:0)

OK!

我忘了包含css文件

现在一切正常