问题标签 [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 投票
0 回答
119 浏览

javascript - 如果将复合组件传递给 Waypoint,为什么需要用 React.forwardRef 包装它?

https://www.npmjs.com/package/react-waypoint#children

我正在阅读这篇文章,为什么将复合组件传递给 Waypoint 需要用 React.forwardRef 包装它?我可以只用 div 包装复合组件然后我不必用 React.forwardRef 包装它吗?

我试图用 div 包装复合组件,但它没有按预期工作,永远不会调用 onEnter 或 onLeave 回调。但是,如果我按照教程使用 React.forwardRef 包装复合组件,它将按预期工作。

上面的代码不起作用,但我不知道为什么

0 投票
0 回答
118 浏览

java - 假设有地图,您如何获得航点列表

我是学习ROS的初学者。我正在开发一个 android 应用程序,它将控制我的机器人,其中包括获取航点列表以将其显示给我的微调器。只是想问一下假设有地图,您如何获得航点列表

我已经完成了订阅主题 /waypoints 并序列化其 msg 类型的代码

所以这是我序列化主题/路点的味精类型的代码:

我希望主题/航点的数据将显示给我的微调器

0 投票
1 回答
306 浏览

javascript - 如何使用航点滚动滚动到特定元素?

元素的#2id 仅在向下滚动后加载,因为我无法使用getElementById("#2").

//JS代码

示例:在页面加载时仅显示 1,6,3,4,5

向下滚动后,我只得到 2,

我想在第一次加载年龄时直接滚动到“2”元素。

0 投票
1 回答
1163 浏览

javascript - Waypoints 计数器向上计数(然后向下计数)并且当 div 处于即时视图中时不执行脚本

我有一个可以计数的数字自动收报机。出于演示目的,这就是计数器的工作方式。它计数然后停止。

现在,我试图让代码脚本#ticker在视图中执行。为此,我使用waypoints. 但是,我遇到以下问题:

  1. 脚本不会#ticker在视图中立即执行。事实上,我必须滚动过去,然后当我向上滚动时,它开始计数。
  2. 计数器在向上计数,到达结束数字,然后向下计数?我只希望它向上计数并停止在结束数字加上字符串(在本例中为 16,000+)。

为什么会这样?

演示:

0 投票
1 回答
168 浏览

javascript - 是否可以刷新路线段中的价值计算?

在组合框中输入值后,我想刷新路线段。刷新计算。

html

Javascript

示例: 如果我们更改组合框中的值,计算不会刷新,我必须重新输入目标地址 如果我们更改组合框中的值,计算不会刷新,我必须重新输入目标地址进行刷新。

0 投票
1 回答
345 浏览

javascript - 滚动浏览 Chrome 中的某个部分时,jQuery Waypoint 粘性菜单出现闪烁问题

我是 jQuery 和 Waypoint 的新手,一直在谷歌上搜索这个问题的答案,但没有成功,我很难过。向下滚动时,粘性菜单会出现在与网页第一部分重叠的某个点,并开始闪烁,直到到达第二部分。Chrome 开发人员工具显示我的 jQuery 脚本在添加“粘性”和从 . 这只发生在 Chrome 上。我在 Safari 或 Firefox 上没有这个问题。我正在使用 jQuery v3.4.1 和 Waypoint v.4.0.1。您将在下面找到代码片段。这是该网站的链接以查看该行为。我该如何解决这个问题?任何帮助将不胜感激!


  • 我尝试将 CSS 样式添加到我的粘性类中无济于事:

    -webkit-transition:所有 0.5s 缓入 0s;过渡:所有 0.5s 缓入 0s;-webkit-transform: translateZ(0); 变换:translateZ(0);z指数:9999;

    • 我尝试增加和减少偏移量。
    • 我尝试在 section-product 部分中移动“.js--section-product”类和 id=id="product" 类,但这使事情变得更糟。

这是我的 Waypoint 和 jQuery:

});

这是我的 index.html 文件的一部分:

0 投票
1 回答
120 浏览

javascript - Waypoint JQuery 甚至基本的 jquery 代码都不起作用

我刚开始编程,这是我第一次使用 JQuery。我正在开发一个 HTML/CSS 项目,我想使用 Waypoint jquery 添加一些效果。问题是它不起作用。即使是基本测试(更改元素“sec1-text”的背景颜色)也不起作用。

你能帮我找出问题所在吗?贝娄,你会找到 HTML 和 JS 文件。

HTML------------------------------------------------ ---------


JS文件------------------------------------------------ ----------------

0 投票
1 回答
35 浏览

api - 航点序列 API 的出发标准如何工作

下面是我正在尝试执行的航点序列 api 结构

但是低于响应

{"results":null,"errors":["日期和时间格式错误:2019-12-05T01:30:00。错误 ID:f9f62c75-93da-47c8-a244-81be2140ac01"],"processingTimeDesc":null ,"responseCode":"400","warnings":null,"requestId":null}

如何获得正确响应的输出

0 投票
2 回答
304 浏览

reactjs - React-waypoint topOffset 示例代码或如何在 reactjs 中使用

任何人都可以告诉我或给我发送示例代码,以了解如何在 react-waypoint 中编写 topOffset 的代码。

0 投票
0 回答
68 浏览

javascript - 在视口(航点)中向上或向下滚动时仅显示一次元素

我正在使用 jquery waypoints ( http://imakewebthings.com/jquery-waypoints/#docs ) 来检查元素是否是浏览器的视图

我只想在视口中向上或向下滚动时仅显示一次元素......这里是 js

此代码在向下滚动时运行良好,但在向上滚动时不起作用。

我想当检测位置下降时只运行下降功能,当检测位置上升时只运行功能上升