Question

我正在为客户端构建幻灯片，他希望在页面加载时，它处于暂停状态，并且在用户查看幻灯片存在的页面区域之前不会开始自动播放。关于如何实现这一目标的想法？我真的不知道在哪里，所以如果有人能指出我正确的方向，我将不胜感激。

Answer 1

你可以使用滚动事件处理程序，每当滚动动作触发你执行检查时在这里你试试这个：

$(window).scroll(function() {

        if ($(window).scrollTop() > 500) { //supposing your element is on 500
            alert(1); //or do whatever
        }
    });

如果您需要在每次用户到达所需部分时重复动作，您可以使用相同的机制：

$(window).scroll(function() {

        if ($(window).scrollTop() < 100) { //for instance 
            //re-arrange your stuff 
        }
    });

.scrollTop()

垂直滚动位置与像素数相同隐藏在可滚动区域上方的视图中。如果滚动条是在最顶部，或者如果元素不可滚动，则此数字将为是

这是一个demo

Answer 2

您可以使用滚动事件处理程序检测用户滚动到的位置：

var $window = $(window);
$window.scroll(function(e) {
    var currentPosition = $window.scrollTop();
    var slideshowPosition = 100,
        slideshowHeight = 200;
    if (currentPosition > slideshowPosition &&
        currentPosition < slideshowPosition + slideshowHeight) {
        // play slideshow here
    }
});

http://api.jquery.com/scroll/

没关系！你实际上必须使用scrollTop（）来获得滚动位置。

编辑：我修改了上面的代码以获得滚动位置。

Answer 3

你可以试试这个：http://caroufredsel.dev7studios.com/这是一个起点。

如何在视图中使幻灯片显示自动播放

3 个答案: