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); 
     } 
    }) 
});