Problem bezogen auf bootstrap Karussell

Question

Ich benutze Bootstrap Karussell, aber ich brauche eine sehr einfache Sache zu tun. Mein Karussell befindet sich unten auf der Seite und ich möchte an der ersten Folie des Karussells bleiben, bis der Benutzer diesen Abschnitt erreicht. Sobald der Benutzer den Abschnitt erreicht, beginnt das Karussell zu spielen. Ich weiß nicht, wie ich das erreichen soll. Bitte helfen Sie mir mit Ideen.

Vielen Dank im Voraus!

Answer 1

Nach http://www.w3schools.com/bootstrap/bootstrap_carousel.asp

Die .slide Klasse fügt eine CSS Übergangs- und Animationseffekt, der die Elemente gleiten macht, wenn ein neues Objekt zeigt. Lassen Sie diese Klasse aus, wenn Sie diesen Effekt nicht möchten.

Also alles, was Sie tun müssen, ist diese Klasse hinzuzufügen, wenn der Benutzer scrollt auf dieses Element ...

Wie zum Beispiel auf den Link I oben erwähnt, wird das Element mit id = 'myCarousel' muss die Klasse .slide erhalten.

daher die Jquery verwenden, wird der Code wie folgt:

$(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. 

Sie es so machen kann.

Answer 2

Nach ziemlich viel Forschung zu tun, schließlich habe ich diese solution.I haben mangaged auf das erste Karussell zurück zu gehen, wenn ich einen bestimmten Teil erreichen. (Hier der Abschnitt, wo Karussell vorhanden ist)

Mein Code ist:

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