问题标签 [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.
javascript - 滚动时播放 youtube 视频
使用此代码,我一滚动视频就会暂停。我想在视频消失时暂停视频。我该怎么做呢?
之前的部分是加载视频。我认为我的问题出在这个 if else 语句中。一旦我开始滚动日志就开始命令暂停,我无法让它工作。
javascript - jQuery inview 未检测到当前项目
我正在尝试重新创建类似于 Foundation 的 magellan 导航(或此http://www.outyear.co.uk/smint/)的行为,其中我使用 inView (https://github.com/protonet/jquery.inview)检测当前部分。我似乎无法检测到当前项目并获取其类名以用作导航的选择器。该插件已经存在于项目中,所以我只是利用它的存在。
到目前为止,这就是我所拥有的:https ://jsfiddle.net/xrobhw2b/1/
javascript - JQuery/CSS 动画过渡减慢页面
我有一个页面,用户滚动和动画在页面上可见时显示,当它们不可见时隐藏。每当滚动页面时都会发生这种情况,但它似乎占用了太多的处理能力并且页面滚动相当静态。
这是我正在使用的代码:
据我所知,滚动触发功能不是很有效。有没有更好的方法让我做到这一点?
这是有问题的页面,它只是一个测试区域......
javascript - Waypoints 和 Inview,使用通配符选择器跟踪多个元素
我在一个页面上有多个部分,ID 类似ss-section-story
ss-section-problem
ss-section-solution
,我试图跟踪每个部分何时进入和退出视口。问题是,使用当前代码,我只使用 id 跟踪第一部分ss-section
。我希望能够跟踪进入和退出的每个部分。
JS
我知道它必须只跟踪第一部分,因为在该element
选项上它被限制[0]
在该数组中,但是当我删除它时,我将在这些 console.log 语句中得到未定义。
我希望能够做到这一点,但是从文档来看,它没有这样的语法:
关于如何仅使用一个实例化跟踪每个单独部分的任何建议Waypoint.Inview
javascript - jQuery INVIEW 不适用于由另一个函数添加的类
在第一个代码中,如果单击LIKE
它将.loved
向活动部分添加一个类:.section .active
. (.active
该类由整页插件自动添加到可见部分)。
在这里你可以看到 INVIEW 插件不起作用。
在第二个函数中,如果我将类添加.loved
到该部分,则 INVIEW 可以顺利运行。
有任何想法吗?
jquery - 带有 jquery 和 inview 的 html5 视频 - 如何指向正确的视频元素?
我使用 jquery inview 插件顶部在查看时自动播放视频。由于我不能为视频使用 ID,所以我使用 html5<video>
作为选择器,并且所有视频总是开始播放。如何将播放/暂停触发器仅指向当前触发事件的一个元素并忽略所有其他元素?
非常感谢, C
reactjs - 如何在 react-intersection-observer 中停止 InView
我在我的组件中使用 inView。在帖子加载之前,用户会看到骨架。但是当我按下删除按钮时,骨架会出现并消失。我可以在按下删除按钮时停止这种快速出现吗?