当元素位于交叉点观察者API中的视口外部时，无法清除间隔

文章/答案/技术大牛

发布

1回答

javascript、jquery、setinterval、intersection-observer

我正在尝试使用交叉观察者API，但是当我将setInverval与它一起使用时，我已经走到了死胡同。所以我有这个宽和高都是500px的div。如果div在视窗中，我想触发setInterval，它会每隔3秒记录一些东西。但是如果我滚动的时候div在视区之外，我想要清除这个间隔。也就是说，停止间隔并完全停止日志记录。现在，当我滚动时，div在视区中，setInterval和日志记录

浏览 18提问于2021-08-04得票数 0

回答已采纳

1回答

当元素相交时，如何在每个像素上获得相交观察者回调触发器？

javascript、intersection-observer

我正在使用交叉点观察者API来帮助我实现视差效果。到目前为止，除了一个场景之外，一切都运行得很好：当图像已经可见并且位于页面中间时，只要图像不与视口的边缘相交，就不会有回调触发器。因此，我无法使用从回调接收到的boundingClientRect来更新视差平移的位置。the translated value this.getTranslateVal

浏览 17提问于2019-05-12得票数 0

2回答

交集观察者阈值不起作用

javascript、intersection-observer

交叉点观察者中的阈值选项似乎不起作用。为了给出更多的上下文，我的列表项在视区中呈现，我希望每一项都能在视区的交集观察器上观察到。问题是，我需要以25%的步长观察它们。当它们进入视口和/或离开视口时。根据文档，似乎提供阈值数组作为[0, 0.25, 0.50. 0.75, 1]应该

浏览 15提问于2019-02-18得票数 0

回答已采纳

1回答

在某些项目的flexbox容器溢出时隐藏这些项目

html、css、flexbox

一些带有.hide-on-overflow标记的随机文件 <div id="container"> <div class="itemcontainer {} flex-shrink: 0; .hide-on-overflow { } 现在，我希望在#container开始溢出时，标记为.hide-on-overflow<e

浏览 26提问于2020-10-27得票数 1

回答已采纳

1回答

我希望导航栏在第二部分时更改颜色，而在第一部分和第三部分中，导航栏应该具有相同的颜色。我看了一些教程，并能够使用该代码更改导航栏的颜色，以便在第一节和第二节中导航栏具有正确的颜色。在尝试变量sectionTwo和sectionThree时(为了让导航栏颜色在进入sectionThree时切换回sectionOne中的颜色)，另一方面，它没有在正确的位置更改颜色(如该部分之前的100px如果有人知道如何修复它，它将意味

浏览 28提问于2021-11-07得票数 1

回答已采纳

1回答

当有多个着色器程序时使用glClear()

opengl、graphics、glsl

假设我想在两个视口中渲染一个OpenGL场景。第一个视口渲染彩色图像，第二个视口渲染深度图像。每个着色器都有自己的顶点着色器和片段着色器，每个着色器都有自己的着色器程序。着色器相似，唯一的区别是对于彩色图像，顶点颜色是基于顶点法线在顶点着色器中定义的，而对于深度图像，顶点颜色是基于顶点深度在片段着色器中定义的。我不确定的是，当有两个着色器程序时，

浏览 2提问于2016-03-19得票数 0

1回答

CSS/Javascript中与静态元素交叉的移动元素

javascript、css、css-animations

我试图为一个使用HTML、CSS和Javascript的项目制作一个盗版pacman(ish)游戏。请查看附件中的视频以供参考。其思想是:每当食物中的一个元素与pacman元素相交时(即。当一个食物元素在没有通过pacman元素的情况下离开视口时，玩家将失去1条生命。我尝试通过观察食物元素作为目标，并将pacm

浏览 2提问于2021-03-20得票数 0

回答已采纳

3回答

3-列布局--无列

css

当源顺序从一列跳到另一列时，如何在CSS中编写三列布局？正如您所看到的，实际上有三列三行，但是第二行中的元素不应该是顶对齐的，第二行不应该清除第一行。每一段应与位于其上方的部分底部齐平。

浏览 6提问于2013-07-05得票数 5

1回答

哪个事件要检查元素是否在滚动视图之外？

javascript、jquery、css

当滚动时，我试图检查是否有一个元素在我的视图中。如果它在我的视口之外，我将添加一个将元素修复到顶部的类。用于确定元素是否位于视区之外的函数是： //special bonus for those using jQuery我试过：使用t

浏览 3提问于2016-05-04得票数 2

1回答

当我将元素的位置设置为绝对时，元素不会出现

html、css

这里有三个具有位置的元素:绝对值.

浏览 0提问于2018-10-01得票数 0

回答已采纳

1回答

当TableView没有项目时，如何防止水平滚动条被隐藏？

javafx、javafx-11

我正在开发一个JavaFX应用程序，并使用TableView显示数据库中的数据。列并不总是水平适配，因此会出现水平滚动条。我的用户请求按列过滤特性，我实现了该特性，将TextField放入表列标题中，并使用FilteredList表示表内容。当用户输入时，过滤器谓词会更新。这是可行的，用户喜欢它。但有一个令人讨厌的角落案例。当被过滤的列位于TableView的正常视区之外，并且用户过滤掉TableView刚刚重置<e

浏览 35提问于2020-11-25得票数 0

回答已采纳

2回答

如何在挠性行上设置外部填充/边距？

html、css、flexbox、css-position

每次我得到接近正确的东西时，内容就会因为某种原因而不对齐，并且/或一堆内容溢出到视口之外。当不使用flex-box时，这非常简单，只需在行上设置margin: auto 50px;，但是使用flex-box，我似乎无法使它工作。我希望第二行的行为与第一行一样，使所有内容都对齐，但是在第二行外部添加50 on边距的原始视图中的内容。更新现在还尝试使用min-width或flex-basis

浏览 1提问于2016-09-30得票数 2

回答已采纳

1回答

Snap scroll正在打破jQuery淡入

jquery、fadein、fade

我在尝试使用两个独立的功能时遇到了问题。首先，我使用一些jQuery让内容在进入浏览器窗口时淡入，其次我在CSS中使用快速滚动。我已经让这两个功能单独工作了，然而，当我尝试同时运行这两个功能时，似乎滚动捕捉打破了淡入。我认为这可能与溢出有关，但我在这里已经稍微超出了jQuery的深度，所以不确定如何(如果？)绕过这个问题？？这是我当前的代码..。或者甚至是相当接近的)问题，所以决定发布我自己的问题。任何人能提供的任何见解都将非常感

浏览 16提问于2020-01-29得票数 2

1回答

交集观察者API:观察视口的中心

javascript、web、dom、intersection-observer

我试图观察视口中心的交点，我尝试过在rootMargin中传递负值。但它似乎不能正常工作。我的要求是观察当我的元素到达屏幕中心时的交集。

浏览 2提问于2019-02-21得票数 13

回答已采纳

1回答

我认为这段代码可以工作，但问题是在vieport .I在elementor中使用它之前，访问者无法看到它加载时的键入效果。

css、elementor

此代码加载之前视口，因此动画是不可见的游客请帮助我加载此代码时，文本来到视口。我在elementor自定义CSS的文本编辑器中使用了它，它工作得很好，但它是在页面加载时加载的，而不是当访问者向下滚动查看页面的那一部分时加载的。

浏览 30提问于2021-08-15得票数 0

2回答

如何删除滚动事件监听器？

javascript、scroll、event-handling、dom-events

当我滚动到某个元素时，我正在尝试删除滚动事件侦听器。我尝试做的是当一些元素在视口中时，调用一个单击事件。问题是click事件一直在调用，或者在第一次调用之后根本不调用。我的代码： window.onscroll = slideMenu; // offsetTop

浏览 1提问于2019-01-18得票数 7

2回答

LibGDX - setProjectionMatrix()“隐藏”雪碧

java、libgdx

我试图绘制一个Sprite，但它只是在我第一次运行我的程序时出现在一个框架中，然后立即消失。我正在使用一个Stage，一个平铺地图和两个Batches，我希望这不是问题。因此，在浪费了很长一段时间之后，我发现删除setProjectionMatrix()方法“解决了”我的问题，因为精灵以某种方式完美地显示了我的问题。它是否改变了精灵绘制的顺序？最重要的是，我该如何修复它？，所以： ·This是我使用setProjectionMatrix时的游戏外观(<

浏览 34提问于2020-10-28得票数 0

回答已采纳

2回答

Jquery滚动在页面底部停止

jquery、css、scroll、overflow

a></li><div id="item-2">placeholder-2</div> 如您所见，我从菜单链接中抓取目标元素的href (#id)并滚动到目标元素。但问题在于，我的目标元素直接转到页面的底部，当页面滚动到最后<

浏览 0提问于2011-04-15得票数 2

回答已采纳

1回答

增加Popover宽度的问题:没有居中的离子popover

ionic-framework

我需要改变我的popover宽度，并且我使用了-width属性，就像医生说的那样。问题是我的弹出窗口没有在页面中间居中。怎么可能增加弹出窗口的宽度，但使弹出窗口居中呢？我想有80%/90%的屏幕的宽度，所以我想使用模式。 ? 这是我的离子版本 "@ionic/core": "^5.3.1", 这是我调用popover的代码： async openTicketPopover() { c

浏览 65提问于2020-09-16得票数 0

回答已采纳

1回答

对无限循环中通过视口的元素进行动画处理的最佳方法

javascript、css、animation、graphics、gsap

我有一组元素，在一行中每个元素旁边都设置了元素。它们的数量、规模等都是动态变化的。我想让它们在屏幕上无限循环地从一边传到另一边，所以当一个元素离开一边时，它又从另一边进来了，就像这样：。假设黑色长方体是视口，因此您无法看到其外部。 What is the easiest way to implement this conveyor belt/

浏览 4提问于2016-09-26得票数 1

点击加载更多