开发者问题收集

carouFredSel. 当屏幕上不可见时停止轮播

2015-01-23
222

当轮播在屏幕上不可见时,我需要暂停轮播。 例如:当我滚动到页面底部时。

但是当轮播再次可见时,我也需要恢复它。

1个回答

我不熟悉该插件,但一种解决方法是使用 jQuery Waypoints

该插件可以挂接到页面元素,在滚动时隐藏轮播,然后在向上滚动时显示?我假设您想避免在不在视图中时进行不必要的自动更改,因为它会减慢其他地方的内容?

如果这有用,您可以使用以下语法:

$('#scrolled-to-div').waypoint(function(direction)) {

    if(direction == 'down') {
      $('#carousel').hide();
    }
    else
    {
      $('#carousel').show();
    }
}

希望这有帮助 :)

Graham
2015-01-23