问题标签 [js-scrollintoview]

有一个隐藏的 DIV（有一个特定的高度）有很多可选的图标 DIV，这个 DIV 由 slideDown jQuery 函数显示，我想滚动到选定的嵌套图标 DIV（在隐藏的 div 中间没有出现因为高度限制的）在slideDown ..之后

单击[trigger-btn]后，使用slideDown函数显示隐藏的DIV，所以我们测试获取[可选图标的DIV]的[offset().top]并将其应用于[icons-list]的[scrollTop]，但它走到了错误的位置。

我想在我的代码中的某个地方调用以下内容。

下面是函数：

该函数应将页面滚动到提供的元素 ID 的视图中。

它是否正确？还是应该...

我正在使用Element.scrollIntoView(). 滚动工作正常，但同时破坏了我整个页面的布局。以下是演示：

我将 a 隐藏<div>在页面的底部边缘下方。当我scrollIntoView第一次<li>进入<ul>时，隐藏<div>的被拉出。不仅<div>如此，页面的整个内容都被拉高了 300px。

我希望它可以简单地滚动<li>到<ul>. 为什么会影响整个页面的布局？

编辑：通过将#divname 添加到表单操作中，我得到了我想要的。很愚蠢，我没有早点尝试过

因此，当我按下提交按钮并使用 JS 刷新页面时，我想向下滚动页面。（或 HTML CSS 方法，如果有的话）

window.onload 有一些答案，但这对我不起作用。（当我单击按钮然后再次刷新时它会起作用，然后它会进入我的页面）

这是我现在的 JS：

我在 iOS 11 测试版中的混合 iOS 应用程序有问题。它基本上是一个在WKWebView. 该问题在 iOS 10 中不存在，但已在 iOS 11 中引入。截至 beta 8，该问题仍然可以重现。

当 webapp 调用 JavaScript 函数scrollIntoView几次时，部分 GUI 变得无响应。

以下简化的 HTML 文件演示了该问题：

...加载此视图控制器时：

我已将此作为错误报告给 Apple，但尚未得到回应，这让我认为我在应用程序中做错了什么。但 Swift 代码基本上是从Apple 的文档中复制而来的。

那么可能是什么问题呢？

我在使用 scrollIntoView 时遇到了一个非常奇怪的问题。Refresh在 Safari 和 Chrome 中，当我打开新窗口或标签时，代码可以工作，但在我按下按钮时不起作用。在 Firefox 中它始终有效。当我使用按钮时，会在所有浏览器setTimeout()中Refresh触发滚动，如下所示：

有什么想法可能导致这种情况吗？

我正在使用 Javascript 方法Element.scrollIntoView()
https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

有什么方法可以让我知道卷轴何时结束。假设有动画，或者我设置了{behavior: smooth}.

我假设滚动是异步的，并且想知道是否有任何类似回调的机制。

scrollIntoView我正在寻找一种方法来对我的用户浏览器的功能进行实时测试。这不是“ caniuse ”检查；而是我想要优雅的退化。我正在使用 jQuery，并且想使用一个preventDefault()如果 scrollIntoView 是功能性的。

我开始：

但我看到那window.scrollIntoView是undefined在检查员身上。但是，因为scrollIntoView有效（在我的 Chrome 和 FireFox 版本中），它不应该是未定义的。我还有哪些其他选项可以查看用户的浏览器是否支持该功能？

当我向下或向上滚动时，我想从头开始“重新启动”一个 gif，然后回到视图中。

例如，我的页面加载，动画开始 -> 我向下或向上滚动 -> 我回到带有 gif 的 div，gif 已被重置。

我在codepen中找到了这个很棒的js，当我滚动到顶部并返回时效果很好，但是当我向下滚动并返回时不起作用。

https://codepen.io/anon/pen/aWvagO?editors=0010 代码如下所示：

有没有一种简单的方法可以让它工作并像这样保持代码简单？

非常感谢

我注意到scrollIntoView自从我上次看以来有一些新的选择。

即，block和inline。这两者有什么区别？我猜 {block: "start"}会将元素的顶部与页面的顶部对齐，但我不确定这与 有什么不同inline，或者您将如何同时使用这两个选项？