问题标签 [waypoint]

我有以下三个 div，从 -60px 到 60px 顶部。

我想要做的是滚动是按照这个例子在滚动上以相反的方向移动第一个和最后一个div；https://noni.com.mt/（第 2 节）。

我想办法做到这一点是使用 WayPoint.js，但我不确定如何复制相同的效果。

目前我不确定如何在两个偏移量之间为用户滚动的顶部位置设置动画，所以到目前为止我唯一的代码是： -

到达每个偏移量后，它只会更改为顶部位置。如果有更简单的方法可以实现这一点，或者比航点更好的方法，请告诉我。

我使用 npm install waypoints 安装了航点库并添加了类型

npm install --save @types/waypoints.

我收到错误 /node_modules/@types/waypoints/index.d.ts' is not a module。

在 Angular 4 应用程序中使用 waypoints.js

讨论了同样的问题。用户有同样的错误。一条评论建议“使用 export package_name = package_name。这应该可以”我不知道如何实现。

我试图添加

然后，当我尝试导入航点时，我没有收到任何错误。但如果我再添加一个像这样的航点：

我得到另一个错误->

未找到模块：错误：无法解析“航点”

我目前正在使用 jQuery 航路点尝试在某个部分触发航路点，但是它不起作用。不确定这是由于 localhost 还是什么。

我目前的代码是

但是，如果我这样做，这不起作用

有用。

我有代码，$(document).ready(function()所以我不认为这是问题所在。

我正在尝试从大约 90 个点的列表中计算 2 个点之间的数字差异。我到目前为止的代码：

这按预期工作，但更新处理太多了。我怎样才能以更少的税收方式做到这一点？为了提供更多背景信息，我列出了航点和车辆的列表，这些车辆在每辆车辆上移动到最接近我的鼠标位置的点。路径是圆形的，因此最后一个航路点首先连接（索引 0）。我正在尝试确定到每个航路点的最短路径以便前进或后退，上面的代码是我尝试计算要走的路。我不是在寻找一种让它移动的方法，因为它已经奏效了。

所以我有这段代码，它是使用航路点让敌人上下移动，它确实有效，但是由于一个奇怪的原因，在航路点之间进行了一些循环之后，它一直到通过顶部航路点的无限远（wp0） ，为什么会这样？？？我一直在玩弄代码，但没有得到适当的行为。

该代码适用于具有运动刚体的 NPC，它“漂浮”在空中，并且可以像马里奥兄弟游戏中的飞行 koopas 一样上下飞行......

我有一个简单的问题，因为我不想深入研究 JS 编码。

以下代码片段有什么问题，为什么它没有按预期执行。（-> 图表一出现就加载）

我不明白我的脚本做错了什么。解释将有助于（也许）未来的问题。

对于整个片段和所有使用的库和框架，请查看相应的 codepen： https ://codepen.io/toxicterror/pen/EJPjEQ

我有一个以基本 SVG 动画开头的徽标。当用户向下滚动时，它会触发另一个动画，将徽标侧向推送并显示徽标的一部分。当您向上滚动时，徽标会滑回视图中。

这一切都很好！

问题 如果我在半途重新加载页面，或者（很奇怪）将鼠标悬停在链接上，动画会重新启动，以便徽标可见并覆盖内容。这显然不是想要的效果。

问题 有什么办法我可以说从页面顶部与浏览器顶部偏移 20%，这样动画才会重新触发，直到它不是从实际顶部偏移 20% 才重新触发或做任何事情？

您可以看到运行中的徽标（和错误）的速度 https://stable.stable-demos.com/our-work/

如何重现 加载页面，向下滚动一半，重新加载页面。您将看到只有在用户再次滚动时才能再次隐藏的完整徽标（因为它正在测量浏览器窗口偏移量与页面顶部偏移量）。

天哪，我希望这是有道理的。感谢大家的意见！

我尝试了此更新代码 ，但它只是自动触发，而不是在上下文中指定 ID 的 DIV 处触发：

我在这个 URL 有一个例子：https ://stable.stable-demos.com/quip/

一直在努力使用 waypoints.js 在滚动上复制 css 动画

这是动画：https ://codepen.io/equinusocio/pen/KNYOxJ

这是我尝试将它与航点一起使用的尝试..

这是输出的 gif：https ://imgur.com/waCcprF 如您所见，动画播放但没有文本。它应该显示“测试”。动画播放后，我希望能够看到文本，例如显示的 gif 中的“技能”

我正在使用 waypoint.js 库来检测用户何时滚动到 ul 的底部。然后这会触发对我的服务器的 axios 调用，返回一个 html 字符串。我正在使用模板标签从该字符串创建元素，删除一些元素，然后将这些元素附加到 ul。我一直遇到的问题只发生在移动设备上。在我附加这些元素并将 scrollTop 设置为用户在附加之前滚动到的位置之后，滚动条会跳到顶部。

我曾尝试使用 setTimeout() 来停止 scrollTop 的设置，这很有效，但是您可以看到 scrollTop 从 0 跳到保存的值，这是非常难看的。

容器：

项目：

Javascript：

基本上，我正在努力实现这一目标。1 - 使用 AJAX 从 MySQL 获取纬度/经度 2 - 使用方向服务和航点技术在地图上绘制路线。3 - 当用户点击地图标记时，每个标记都有一个可点击的功能，当点击标记时，位置详细信息将在地图下方的 div 中获取，基本上我需要在每个标记点击时处理点击监听器，以便我可以执行我想要的对这些点击的操作。

我实现的是：

1 - 能够在使用 PHP REST API 从 MySQL 加载页面时使用 ajax 请求获取纬度/经度。

2 - 通过这些标记来映射并使用方向服务绘制路线。想法参考截图https://imgur.com/a/ApkPjTN

1 - 当用户单击时，我可以处理方向服务航点生成的每个标记上的单击事件