Question

有人知道是否有办法在不再可见的情况下重置Twitter bootstrap轮播？

我在页面顶部有三张幻灯片，当用户向下滚动到页面的其余部分时，有没有办法将其滑回第一张？

提前谢谢

Answer 1

在旋转木马documentation中你有这个：

.carousel(number)

Cycles the carousel to a particular frame (0 based, similar to an array).

因此，如果你想回到第一个元素，你所要做的就是使用它：$('#myCarousel').carousel(0）;

Answer 2

您可能应该稍微优化一下代码，但这应该可以帮助您入门：

var getPageScroll = function(document_el, window_el) {
      var xScroll = 0, yScroll = 0;
      if (window_el.pageYOffset !== undefined) {
        yScroll = window_el.pageYOffset;
        xScroll = window_el.pageXOffset;
      } else if (document_el.documentElement !== undefined && document_el.documentElement.scrollTop) {
        yScroll = document_el.documentElement.scrollTop;
        xScroll = document_el.documentElement.scrollLeft;
      } else if (document_el.body !== undefined) {// all other Explorers
        yScroll = document_el.body.scrollTop;
        xScroll = document_el.body.scrollLeft;
      }
      return [xScroll,yScroll];
    };

    $(window).scroll(function(e) {
        var top = $('#carousel-example-generic').offset().top;
        if(top < getPageScroll(document,window)[1]) $('#carousel-example-generic').carousel(0);
    });

当页面滚动时重置Twitter引导程序轮播

2 个答案: