当窗口的滚动位置超过某个值时暂停轮播滑动答案

【问题标题】：Pausing carousel sliding when scroll position of the window is past a certain value当窗口的滚动位置超过某个值时暂停轮播滑动
【发布时间】：2015-12-23 01:37:42
【问题描述】：

我试图让我的引导轮播在用户向下滚动时暂停自动切换幻灯片。我正在使用 scrollTop() 函数来获取滚动的值，但是当我将轮播间隔更改为 false 时，它并没有暂停。

这是脚本代码：

$(window).scroll(function() {
    var scrollPosition = $(window).scrollTop();
    if (scrollPosition > 5) {
        $('#Carousel').carousel({
            interval: false
        });
    }
    else {
        $('#Carousel').carousel({
            interval: true
        });
    }
});

此外，这是在 HTML 中定义的轮播：

<div id="Carousel" class="carousel slide" data-ride="carousel" data-interval = "2000">

我做错了什么？

【问题讨论】：

标签： javascript jquery html carousel

【解决方案1】：

免责声明：未经测试！

var $carousel = $('#Carousel').carousel();

$carousel.on('slide.bs.carousel', function () {
  if(CURRENT_INDEX >= 5) {
    $carousel.carousel('pause');
  }
});

不确定你的 CURRENT_INDEX 是从哪里得到的，但我相信你会弄明白的 :)

【讨论】：