Bootstrap carousel相关问题

Question

我正在使用bootstrap carousel，但我需要一个非常简单的事情来完成。我的旋转木马放在页面的底部，我想要坚持旋转木马的第一张幻灯片，直到用户到达此部分。一旦用户到达该部分，传送带将开始播放。我不知道如何做到这一点。请帮助我的想法。

在此先感谢！

Answer 1

根据http://www.w3schools.com/bootstrap/bootstrap_carousel.asp

的.slide类添加CSS过渡和动画效果，这 使物品滑动呈现出新的项目时。如果你 不想要这个效果，请省略此类。

因此，所有你需要做的是添加类，当用户滚动到元素......

如，对于如我上面提到的链接给出，其中ID的元素= 'myCarousel'必须被赋予​​类。

因此，使用jQuery，代码将如下：

$(document).ready(function(){ 
$(window).scroll(function(){ 
    if($(window).scrollTop()>=($("#myCarousel").offset().top){ 
    $("#myCarousel").addClass("slide"); 
    //ANYTHING YOU WANT TO DO WHEN THE USER SCROLLS TO YOUR CAROUSEL. 
    } 
}) 
}); 


NOTE: CODE NOT TESTED. 

你可以那样做。

Answer 2

做了相当多的研究之后，终于，我得到这个solution.I已经mangaged回到第一个转盘，当我达到一个特定部分。（这里的旋转木马地方确实存在部分）

我的代码是：

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     console.log($("#myCarousel").offset().top); 
     if($(window).scrollTop()>=$("#myCarousel").offset().top-70 && $(window).scrollTop()<2450) 
     { 
      var index = $('.slides li').index($('.slides li:first')); 
      console.log(index); 
      $('.flexslider').data("flexslider").flexAnimate(index); 
     } 
    }) 
});