Bootstrap Carousel前进时跳至页面顶部 [英] Bootstrap Carousel Jumps to top of page when advancing
本文介绍了Bootstrap Carousel前进时跳至页面顶部的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当我手动推动滑块时,滑块会跳到页面顶部.如何防止这种情况发生?帮助非常感谢!这是代码:
When I advance the slider manually, the slider jumps to the top of the page. How can I prevent this from happening? Help much appreciated! Here's the code:
<div class="row">
<div class="span12">
<script>
$('.carousel').carousel({
interval: 4000
})
</script>
<div class="container">
<div id="myCarousel" class="carousel slide frame">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><a href="work.html"><img src="assets/images/slide_psd.jpg" width="1170" alt="wga"></a></div>
<div class="item"><a href="work.html"><img src="assets/images/slide_wga.jpg" width="1170" alt="wga"></a></div>
<div class="item"><a href="work.html"><img src="assets/images/slide_ts.jpg" width="1170" alt="top secret hair"></a></div>
<div class="item"><a href="work.html"><img src="assets/images/slide_baja.jpg" width="1170" alt="baja"></a></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
</div>
<!-- end cara container-->
</div>
<!-- end span-->
</div>
<!-- end row-->
推荐答案
您可以添加引用您轮播的data-target属性:data-target =#carousel"
You can add data-target attribute refering to your carousel: data-target="#carousel"
这篇关于Bootstrap Carousel前进时跳至页面顶部的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文