问题标签 [js-scrollto]

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

javascript - 如何使用 VueJS 滚动到 v-if 中的元素?

在我的 Vue 3 项目中,我在一个组件中有这个按钮:

OfferForm.vue文件中,我有这个 HTML 代码:

问题是当我调用该document.getElementById('product-id-' + id)函数时,实际上该元素还不存在。

有没有办法等到渲染完成?然后开始滚动?

0 投票
1 回答
219 浏览

blazor - Blazor:如何滚动到编辑表单中的第一个错误?

我有一个包含大量字段的编辑表单。如果用户出错并尝试提交表单,他们必须手动滚动以查看错误。使用 javascript,可以执行以下操作:

在 blazor 中,如果必须,我可以使用 JS,但我不一定有要滚动到的 ID。

有没有一种好方法可以在提交时滚动到编辑表单中的第一个错误?

0 投票
1 回答
223 浏览

javascript - 延迟加载与 ScrollTo 锚点冲突到 ID 滚动 - 在页面中途停止

我的页面上有一个 scrollTo 功能,当您单击特定按钮时,您会滚动到具有唯一 ID 的部分。

问题是我对我网站上的图像使用延迟加载,这将导致 ScrollTo 由于延迟加载的图像而在页面中途停止。

毕竟,图像已加载,我再次单击它工作正常的按钮。

我的延迟加载代码:

我的滚动代码:

有没有办法来解决这个问题?

0 投票
0 回答
28 浏览

reactjs - 如何滚动到 Next.js 中的组件?

我有点困惑,我的导航栏和我的其他部分一样是一个组件。如何在其上添加 scrollToView。我不明白函数的去向。有人可以帮助我吗?我尝试使用 useRef 和另一个 npm 包。而且,它没有用。

这是我的代码...

索引.js

导航组件

有任何想法吗?

0 投票
1 回答
56 浏览

python - Kivy:无法在 Scrollview 工作中获取 scroll_to

尝试这样的代码我让 Scrollview 工作得很好,但 scroll_to() 函数没有做任何事情。视图仍然从顶部位置开始。

我希望滚动视图的视口会发生变化,以便标签 tagHL[12] 变得可见。我做错了还是功能被窃听了?

0 投票
1 回答
51 浏览

javascript - 基于 Chrome 的浏览器 - ScrollTo 和锚链接不起作用

我正在尝试建立一个投资组合网站,其中电梯向上移动,当它到达楼层时,门打开并呈现细节。当进一步滚动时,门会关闭,当它到达某个点时,它会卡住并平滑滚动到最近的楼层。

我让它在 Firefox 中运行良好,但不是基于 chrome 的浏览器,这让我很困惑。我还可以让基于 chrome 的浏览器移动到哈希锚点或滚动视图,但只有在使用按钮触发它们时,当交叉点观察者调用代码时它们永远不会工作???

我正在使用交叉点观察器来检测哪个楼层是可见的并启动打开和关闭事件,并使用一个单独的观察器来检测地板何时在屏幕上占 50% 以捕捉到最近的楼层。

我首先尝试使用滚动捕捉来避免第二个交叉点观察者对齐地板,但这在任何浏览器上都不起作用?

接下来我尝试使用 scrollToView() 函数,该函数在 Firefox 中运行良好,但在基于 chrome 的情况下却不行?

我还尝试使用锚链接让交叉点观察者找到地板,这在 Firefox 中又可以正常工作,但在 chrome 中却不行?

我感觉可能是因为鼠标滚动优先于 scrollTo 和锚链接,但我真的不明白发生了什么?

非常感谢任何帮助,但更感谢没有 JQuery 的帮助。

非常感谢

杰夫