1回答
我尝试使用相交观察者API来实现无限滚动，并且它工作了。然而，我注意到，当无限滚动工作时，我的导航栏完全消失了。我猜这个问题是由"DOMContentLoaded“引起的，但不确定。谢谢。这是我的代码链接：Twitch const clientID = '5npghe3kytuifte3z9kvwnto50mqch';
const req = new XMLHttpRequest()
浏览 9提问于2020-08-24得票数 0
回答已采纳
我们试图通过在我们的网页上实现“无限滚动”来优化我们网站的LCP，或者使用使用交叉观察者API的延迟加载，或者使用CSS内容-visibilty规则。我想知道哪一个更有效？
谢谢,
浏览 7提问于2022-08-10得票数 -3
好的，我尝试了一个不同的问题，它成功了，但不是我想要的方式。它不像我想的那样管用！console.log(elem.id + ' touches nothing.'); }
这是我现在的电子游戏
浏览 1提问于2019-03-07得票数 1
我知道用nuxt js是很有可能的。但是我们怎么能用裸体和丑陋的东西来做这事呢？如果有人能够这样做的话，把这段代码转换成脚本lang的术语。对于nuxt来说，不可能在滚动事件上几乎没有内容，通过附加的示例侦听特定的div el: '#app', loading: false,this.nextItem++); this.loading = false;
}, 2
浏览 12提问于2022-09-29得票数 2
回答已采纳
我试图在我的角度应用程序中使用IntersectionObserver，但它不像预期的那样工作。我没有一个可重复的例子，因为这会影响到高效的实现，也许这个简单的例子就足够了。如果启动我的应用程序，一切都会正常工作，并得到以下控制台输出：TopElementis intersecting
但是，一旦我开始向下滚动，一旦TopElement消失，Inter
浏览 6提问于2022-02-16得票数 2
回答已采纳
1回答
我正在尝试使用一个指令在列表中实现“无限滚动”功能，当html元素的滚动高度达到或超过可滚动高度的75%时，它将逐步加载一组新的"orders“，并将其附加到现有的列表中。不幸的是，当我滚动列表时，观察者没有触发。指令位于右标记中，当浏览器呈现元素时，观察者只在第一次触发侦听器函数。奇怪的是，如果我更改路径，然后返回到列表所在的路径，观察者</e
浏览 1提问于2016-01-12得票数 2
回答已采纳
3回答
是否有一种方法可以使用交叉观察者来检测某个元素是否离开了视口？例如，我在屏幕上有一个元素，当元素的顶部到达视图端口的顶部时，我想要触发一个回调。来自MDN：
所以，如果我这样做，我会想，当元素的顶部也到达视口顶部时，回调就会启动？rootMargin: '
浏览 1提问于2018-11-14得票数 18
我在我的Home.js中添加无限滚动来显示帖子时遇到了问题。如果我直接显示所有的帖子，那么在每次刷新时，我的数据库(Firebase)中会添加一个no of read count。我想限制10-12帖子的显示，并根据滚动显示下一步。如何以及在哪里添加无限滚动代码，以及添加什么。这是我的静态Home.js。在下面的代码中，所有的帖子都是直接显示的： function Home() {
const classes =
浏览 3提问于2020-08-06得票数 0
我使用下面的函数来创建bullet (同时player保持ctrl)，并将其放入名为bullets的数组中： setInterval(function produceBullet() { bullets.push(bullet);}, 200); 下一个函数是boss和bullets之间的碰撞在这种情况下，每一颗子弹都会从老板身上夺走1条生命(游戏顶部的数字)： function collisions() {
for
浏览 18提问于2019-04-18得票数 1
回答已采纳
2回答
我已经看到了如何检测特定元素是否在视区中的解决方案，但是我想知道在所有元素中，有哪些元素目前在视口中？我可以循环遍历所有DOM元素并对边框执行检查，但是有更有效的方法吗？我试图实现的是保存用户在整个页面中的阅读进度并保存它，然后在下次用户打开相同的页面时使用scrollIntoView()使用该信息滚动到该元素。我以前尝试过一种不同的方法，保存并滚动到深度百分比，但是在需要改变视口大小的响应设计中，这是不准确的
浏览 9提问于2022-04-06得票数 0
1回答
正如标题中所述，我正尝试将Vue项目中的无限滚动作为一个大学项目来实现。我也试过vue-无限-卷轴，但是..。嗯，我不知道为什么它不工作，最后我删除了代码行，我试图使用它是出于愤怒。如果您查看我<em
浏览 5提问于2020-08-20得票数 0
回答已采纳
1回答
我使用javascript在通知可见时播放声音，但问题是，它在滑入视图之前播放，通知从屏幕开始，然后滑入视图，有没有人有解决方案 我尝试了一个等待脚本，但它要么播放得太晚，要么播放得太快 我希望脚本在它滑入视图时播放，不要太快也不要太晚
浏览 6提问于2019-05-23得票数 0
回答已采纳
1回答
确定元素是否已滚动到视图中
、、、、
我正在尝试确定当用户滚动时，某个元素是否在视口中可见。此代码在Modal外部工作，但不能在Modal内部工作。我想这与z-index有关，但无论我怎么尝试，它都不起作用。有什么想法吗？
浏览 24提问于2021-01-11得票数 0
2回答
我在很多网站上看到，这些网站的动画都是通过卷轴触发的。我最初以为我们是在javascript中做的，通过计算光标相对于网站页面的位置，我们可以通过每个位置的动画来计算光标的位置。但是当我在谷歌上搜索的时候，我发现了这个关于交集观察者的东西。我想象的方法是否存在性能问题或类似的问题？
NB:，我正在寻找一种没有框架的方法。
浏览 3提问于2020-04-01得票数 1
回答已采纳
1回答
我输出了一堆图像，每个图像都封装在一个交叉口观察者中，使用的是svelte-相交观察者：import IntersectionObserver from "svelte-intersection-observer> </IntersectionObserver> {/each}在页面上，我还提供了对po
浏览 2提问于2021-12-25得票数 0
我有一个带有元素的数组，我想要在一个高度为150px的div中显示一个无限滚动的元素。 我已经查看了交叉点观察者，但我找不到任何我可以使用的东西，因为我的用例太简单了。我想要介绍无限滚动的元素如下所示： const data = ["honda", "vw","opel", "saab", "toyota&qu
浏览 24提问于2021-10-28得票数 0
我正在使用交叉点观察者API来帮助我实现视差效果。到目前为止，除了一个场景之外，一切都运行得很好： 当图像已经可见并且位于页面中间时，只要图像不与视口的边缘相交，就不会有回调触发器。因此，我无法使用从回调接收到的boundingClientRect来更新视差平移的位置。the translated value } } 交叉点观察者</
浏览 17提问于2019-05-12得票数 0
1回答
我需要从API加载更多的产品时，用户滚动到产品的结尾，即页面的中间。我写了启用该功能的代码，但问题是，当我滚动到底部时，函数被收集了几次(这是预期的行为)。如何在滚动到产品末尾时调用函数。第二个问题，如何定义scroll事件的方向，即当用户从上到下滚动并到达产品末尾时，我需要发出API请求。window.addEventListener('scroll', () => {
浏览 15提问于2019-07-17得票数 2
回答已采纳
我必须使用对JSON数据的react查询来实现无限滚动，我不想在页面更改时从服务器获取数据，我需要显示我已经拥有的数据。
我很困惑，怎么做到这一点呢？我有JSON数据useInfiniteQueryimplement ，我需要使用react获取数据，查询钩子，滚动和数据
浏览 1提问于2021-08-24得票数 0
回答已采纳
1回答
这个问题是关于触摸、滚动和交集观察者回调的执行顺序。我有一个简单的移动web应用程序，其中有一个可滚动的列表视图，其中每个项目的高度是100px，我有交叉点观察者放在视口上，但与顶部边缘-100px(rootMargin: "-100px 0px 0px它是以这种方式完成的，这样我的列表项一滚动起来就可以被观察到。相交观察者是这样的：
const io
浏览 1提问于2019-03-04得票数 2
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
腾讯云开发者
