Javascript 与引导转盘相关的问题

Javascript 与引导转盘相关的问题,javascript,jquery,html,twitter-bootstrap-3,carousel,Javascript,Jquery,Html,Twitter Bootstrap 3,Carousel,我使用引导转盘,但我需要一个非常简单的事情要做。我的旋转木马放在页面的底部,我想坚持旋转木马的第一张幻灯片,直到用户到达该部分。一旦用户到达该区段,旋转木马将开始播放。我不知道如何做到这一点。请帮我提一些想法 提前谢谢 根据 .slide类添加了CSS转换和动画效果,这 显示新项目时使项目滑动。如果需要,请省略此类 我不想要这种效果 因此,您需要做的就是在用户滚动到该元素时添加该类 与中一样,对于我上面提到的链接中给出的示例,id='myCarousel'的元素必须被赋予.slide类 因此,使

我使用引导转盘,但我需要一个非常简单的事情要做。我的旋转木马放在页面的底部,我想坚持旋转木马的第一张幻灯片,直到用户到达该部分。一旦用户到达该区段,旋转木马将开始播放。我不知道如何做到这一点。请帮我提一些想法

提前谢谢

根据

.slide类添加了CSS转换和动画效果,这 显示新项目时使项目滑动。如果需要,请省略此类 我不想要这种效果

因此,您需要做的就是在用户滚动到该元素时添加该类

与中一样,对于我上面提到的链接中给出的示例,id='myCarousel'的元素必须被赋予
.slide

因此,使用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.

你可以这样做。

在做了大量研究之后,我终于得到了这个解决方案。当我到达一个特定的部分时,我设法回到第一个旋转木马。(这里是旋转木马确实存在的部分)

我的代码是:

$(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);
        }
    })
});
$(文档).ready(函数(){
$(窗口)。滚动(函数(){
console.log($(“#myCarousel”).offset().top);

if($(window).scrollTop()>=$(“#myCarousel”).offset().top-70&$(window).scrollTop()你能找出它吗@Abhradip?很抱歉@tirsraj Barot…但我用另一种方式修复了它。请看我的答案。好的@Abhradip如果你觉得这个解决方案有用或正确,你可以将它标记为正确或投票…它对我不起作用,你还说代码根本没有经过测试。@tirsrajit是一个概念。@Abhradip知道@tirsraj…并且我认为这个概念是正确的。但我现在无法将其标记为正确,因为它对我不起作用。你将其作为代码片段发布,因此如果我将其标记为正确或投赞成票,这将对这个社区不利。