javascript - 猫头鹰轮播仅在包含部分焦点时自动播放
问题描述
我在 JSP 的 section 标记中包含了 owl carousel 。我的要求是猫头鹰轮播只有在用户滚动到该部分时才会自动播放。当用户向下滚动到另一个部分时它应该暂停,并在用户向上滚动到包含的部分时继续自动播放。尝试了几种方法,但都不起作用。如果有人可以帮助我,那就太好了。
解决方案
通常这件事不能通过向下滚动来实现,但是对于这件事,您可以在轮播可见时添加自动播放,但它仅适用于鼠标悬停
var owl = $('.owl-carousel');
owl.owlCarousel({
items: 1,
loop: true
});
$('.section').on("mouseenter", function(e) {
owl.trigger('owl.play', 2000);
})
推荐阅读
- azure - 如何从 Azure 数据工厂中的 CosmosDb 数据集中查询文档属性
- c# - 如何将包含数组的 JSON 对象转换为 C# 字典
? - .htaccess - 如何在 htaccess 中将 myolddomain.in/about-us.html 重定向到 mynewdomain.com/about-us.html
- laravel - 未找到基表或视图 laravel - 运行调度程序 cron
- ios - 如何在 iPhone X 上获得 wifi 强度
- java - RSA - Java 的 KeyFactory 在 bouncycastle 的 PEM 解析器成功的地方失败
- python - 删除现有绘图的标记
- c# - 当我不知道我使用什么类时如何反序列化 json 数组?
- java - Hibernate:如何在其他实体中加入实体列表?(引用属性未知)
- excel - 如何在excel中将句点符号从点更改为逗号