问题标签 [inview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2098 浏览

javascript - 滚动时播放 youtube 视频

使用此代码,我一滚动视频就会暂停。我想在视频消失时暂停视频。我该怎么做呢?

之前的部分是加载视频。我认为我的问题出在这个 if else 语句中。一旦我开始滚动日志就开始命令暂停,我无法让它工作。

0 投票
0 回答
238 浏览

javascript - jQuery inview 未检测到当前项目

我正在尝试重新创建类似于 Foundation 的 magellan 导航(或此http://www.outyear.co.uk/smint/)的行为,其中我使用 inView (https://github.com/protonet/jquery.inview)检测当前部分。我似乎无法检测到当前项目并获取其类名以用作导航的选择器。该插件已经存在于项目中,所以我只是利用它的存在。

到目前为止,这就是我所拥有的:https ://jsfiddle.net/xrobhw2b/1/

在此处输入图像描述

0 投票
1 回答
49 浏览

javascript - JQuery/CSS 动画过渡减慢页面

我有一个页面,用户滚动和动画在页面上可见时显示,当它们不可见时隐藏。每当滚动页面时都会发生这种情况,但它似乎占用了太多的处理能力并且页面滚动相当静态。

这是我正在使用的代码:

据我所知,滚动触发功能不是很有效。有没有更好的方法让我做到这一点?

这是有问题的页面,它只是一个测试区域......

http://185.116.213.24/~demoester/brochure-test/

0 投票
1 回答
716 浏览

jquery - 如果滚动到视图中,则向元素添加类,但不是已经在视图中的元素

当滚动到视口时,我正在使用下面的代码在选定元素上添加一个类。

下面的 HTML:

它工作正常,但我只想向不在视口中的 div 添加一个类。它当前将类添加到所有 div 直到滚动到视图中。

请参见下面的示例:

在此处输入图像描述

从屏幕截图中,前两行 div (1-10) 不应添加类,因为它们在视图中,但下面的 div (15-20) 不在视图中,并且应该在滚动到视图时添加类。

任何帮助表示赞赏

谢谢

0 投票
1 回答
1206 浏览

javascript - Waypoints 和 Inview,使用通配符选择器跟踪多个元素

我在一个页面上有多个部分,ID 类似ss-section-story ss-section-problem ss-section-solution,我试图跟踪每个部分何时进入和退出视口。问题是,使用当前代码,我只使用 id 跟踪第一部分ss-section。我希望能够跟踪进入和退出的每个部分。

JS

我知道它必须只跟踪第一部分,因为在该element选项上它被限制[0]在该数组中,但是当我删除它时,我将在这些 console.log 语句中得到未定义。

我希望能够做到这一点,但是从文档来看,它没有这样的语法:

关于如何仅使用一个实例化跟踪每个单独部分的任何建议Waypoint.Inview

0 投票
1 回答
285 浏览

jquery - 航点查看的多类

当元素进入视口时,我正在尝试将类添加到元素中,但它仅适用于第一个元素。我尝试使用 jquery 每个函数,但它也失败了

代码笔链接

有没有办法解决这个问题并使其适用于所有 swiper 类?

0 投票
1 回答
3245 浏览

javascript - jQuery INVIEW 不适用于由另一个函数添加的类

在第一个代码中,如果单击LIKE它将.loved向活动部分添加一个类:.section .active. (.active该类由整页插件自动添加到可见部分)。

在这里你可以看到 INVIEW 插件不起作用。

在第二个函数中,如果我将类添加.loved到该部分,则 INVIEW 可以顺利运行。
有任何想法吗?

0 投票
1 回答
376 浏览

jquery - 带有 jquery 和 inview 的 html5 视频 - 如何指向正确的视频元素?

我使用 jquery inview 插件顶部在查看时自动播放视频。由于我不能为视频使用 ID,所以我使用 html5<video>作为选择器,并且所有视频总是开始播放。如何将播放/暂停触发器仅指向当前触发事件的一个元素并忽略所有其他元素?

非常感谢, C

0 投票
1 回答
1062 浏览

javascript - 使用 jQuery 和 in-view.js 自动播放/暂停 HTML5 视频

我使用 jquery inview 插件顶部在查看时自动播放视频。我尝试了许多来自 stackoverflow 的解决方案,但它似乎不起作用(解决方案 1解决方案 2

0 投票
0 回答
110 浏览

reactjs - 如何在 react-intersection-observer 中停止 InView

我在我的组件中使用 inView。在帖子加载之前,用户会看到骨架。但是当我按下删除按钮时,骨架会出现并消失。我可以在按下删除按钮时停止这种快速出现吗?