问题标签 [waypoint]

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 回答
442 浏览

javascript - 使用 React WayPoint 按需加载表行

我正在使用材质 UI 表和反应表的混合体。当表中的行数超过 ~200 行时,性能就不那么好了。所以我试图在开始时显示固定数量的行(假设 20 行),每当我向下滚动时,都会触发一个回调,将行附加到现有行。我正在使用 react-waypoint 启动回调,但无法弄清楚如何将行附加到当前列表的末尾。这是我的表格组件。

我知道 react-window 可以虚拟化行,但我已经创建了一个复杂的表,其中包含扩展行、行选择复选框等,并且向其中添加虚拟化似乎是不可能的。所以我认为我唯一的选择是在我上面提供的示例表代码中按需附加更多行。我不能使用钩子来存储它,slicedRows因为它会重新渲染整个组件并且我必须从头开始滚动。那么有没有办法使用 Waypoint 按需追加行?如果没有,任何人都可以建议任何其他替代方案来按需向 DOM 添加行吗?

0 投票
1 回答
93 浏览

css - 使用 WayPoint 滚动时如何显示导航栏

所以当我滚动到实际导航栏下方时,我试图将我的导航栏固定在屏幕顶部。当我滚动过去时,我正在使用 WayPoints onEnter 和 onLeave 来触发。我遇到的问题是,当 styled 等于 false 时,我相信 {position:'relative'} 会使网站崩溃,我不确定为什么,或者什么解决方案。

}

0 投票
0 回答
38 浏览

javascript - 在 JQuery 中未正确添加或删除类

这是我项目中的一段代码:

正如您从 javascript 中看到的那样,在页面向下滚动到一半后,我试图将image2(位于body)替换为 (image1位于),但是,这并没有发生。body2当前image2出现在一块文本旁边,当我滚动时没有任何反应。关于如何解决这个问题的任何建议?提前致谢。

0 投票
2 回答
88 浏览

javascript - Waypoints.js 中的“偏移”无法正确更改背景图像

这是我的程序中的一些 Javascript 和 CSS:

当我向下滚动 50% 的页面时,我正在尝试将背景图像从image1(body) 更改为(body2)。image2但是,当我启动程序时,显示的唯一图像是image2滚动时没有任何变化。任何帮助将不胜感激,在此先感谢!

0 投票
1 回答
144 浏览

c# - unity VR-到达最后一个航路点后如何阻止玩家移动?

在 Unity 开发 VR 内容时,我想创建一个脚本,在移动到 Waypoint 路线时在最后一个 Waypoint 停止,但是我在 C# Coding 方面有非常基本的技能,(我尽力了,但我失败了)所以我想向你寻求帮助...

这是回到第一个航点的脚本,你能帮我吗?我真的很感谢你的帮助。

0 投票
1 回答
38 浏览

javascript - 当用户滚动过去后刷新页面时,我的航点功能具有未定义的行为

我有一个导航栏,当用户向下滚动经过它时,我已将其位置更改为固定,反之亦然,当用户使用以下航点向上滚动经过该点时:

这可确保导航栏仅在特定点之后停留在用户屏幕上。这在大多数情况下都按预期工作,但是问题是如果用户向下滚动经过该航点然后刷新页面,导航栏将跳回其原始位置,如果您向上滚动经过它,则会导致未定义的行为。

有没有办法确保用户刷新时屏幕上的所有内容都保持在完全相同的位置?

0 投票
1 回答
1093 浏览

angular - 仅尝试更改 agm 方向航点标记的图标

我开发了一个项目,我正在使用<agm-direction>angular google map api。实际上,我想显示一个方向,该方向具有起点、终点以及在这些航点/步距之间。请在下面找到我的对象:

下面是角度html代码:

一切都很好,只是航点标记有目的地标记的图标,而目的地标记没有任何图标。请找到结果这里

我想为起点、目的地和航点设置三个不同的图标,更进一步我想保存新的可拖动航点。有人能帮助我吗?

0 投票
1 回答
170 浏览

django - Waypoint Infinite Scroll 的 Wagtail 分页问题

我已经在艺术画廊项目的常规页面模型上实现了Waypoint Infinite Scroll 。这些物品可以通过复选框添加到商店。然后,我使用商店页面过滤标记为特价的画廊项目。出于某种原因,当无限滚动功能似乎在商店页面上触发得很好但没有呈现新项目时。

我从服务器收到 200 响应,并且没有错误记录到控制台:

它使用的页面:

无法使用的商店页面:

主.js:

商店.html:

基本的分页也可以正常工作。如果我单击超链接,它将加载第 2 页。

0 投票
1 回答
139 浏览

javascript - 如何从我的包代码中导入航点

嗨,我需要在我的网站中使用Waypoints(我了解并下载了 WAYPOINTS https://github.com/imakewebthings/waypoints/zipball/latest),我有下一个问题:

在我的 JS 文件夹中,我有下一个 Javascript 文件:

在此处输入图像描述

我像这样导入脚本,首先添加 noframework.waypoints.min.js 文件,然后在 HTML5 代码的标签中添加我的 estufas.js 文件:

我的 HTML5 代码是:

这是我的 Javascript 代码:

这个例子给了我下一个错误:

在此处输入图像描述

我认为我很糟糕,也许我需要导入更多文件,因为主文件夹包含所有下一个内容:

在此处输入图像描述

感谢您的帮助

0 投票
1 回答
192 浏览

javascript - 使用 waypoints.js 和anime.js 分别为具有相同类的元素设置动画

我有这个脚本,当它进入带有 viewport.js 和anime.js 的视口时,它会为标题设置动画:

当我多次使用 .title 类时,当另一个标题进入视口时,所有标题都会再次动画。我是否使用 .title1、.title2 等制作脚本的副本?还是有更短的方法?