请参阅附件中的代码片段…
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>
OK!
我忘了包含css文件
一切正常