问题标签 [page-jump]

我最近在我的 Angular 页面的一个页面中插入了一个“跳转到锚点”。单击href时，它会正确向下滚动，但之后会直接返回到起始位置。我不知道是什么问题。

HTML：

JavaScript：

我尝试阻止默认设置，如下所示：

HTML：

JavaScript：

这解决了跳转问题，但它不再打开页面内的部分页面。

如何让它滚动到，而不是跳回，并打开部分页面？

我有一个滚动视图，其中有一个内容视图。我将滚动视图的顶部锚点设置在图像底部的正上方。我将内容视图的顶部锚点设置为实际位于图像的底部。这样，您可以下拉内容并显示到图像的底部，而不能进一步下拉内容视图。但是，这会导致内容跳转。

这是我的代码：

这就是正在发生的事情：

我有一个 ShowcaseMovie 组件，它获取数据componentDidMount()并将其设置为状态。该组件呈现 Card 组件以显示数据以及四个按钮元素upcoming, top_rated,popular并now_playing允许用户在相关数据之间切换。每个按钮都有一个 onClick 事件，该事件调用changeFilter并设置currentFilter所选键的状态。

问题：当点击过滤器按钮时，有时页面会跳到顶部（如果它还没有）。我试图找到解决方案，但我似乎无法理解发生了什么。任何建议都会有很大帮助，在此先感谢您。

更新：当没有为具有动态子元素的元素设置高度时，似乎会发生此问题。如果我将 ShowcaseMovie 上的高度设置为像height: 200vh它消失一样大的东西。

我相信我已经解决了我的问题，但很想听听关于为什么会发生这种情况以及其他一些解决方法的想法。当您不知道要渲染多少内容（或该内容的高度）时，很难为父级设置高度。min-height会有所帮助，但仍然是一种快速修复。

ShowcaseMovie.js

ShowcaseMovie.css

Card.js

卡片.css

实用程序.js

好吧，我想得到这样的效果，当我单击 HTML 顶部按钮的一部分时，页面跳转到新页面（在我自己的页面内），但只更改正文、脚...并保持顶部.

像这个例子：

https://albertoanayamusic.com/

单击某个部分时，只需更改网页的中间部分。

谢谢！

您好，提前感谢您的时间。我正在尝试从另一个 .html 页面导航到主页中的部分。我的问题是，无论我指定哪个部分，它总是跳到页面顶部。

index.html 中的代码（功能的主页/主页）

“other”.html 页面中的代码

如果这可能导致问题或有帮助，则主页使用 class="smoothscroll"。非常感谢您的时间和耐心。

简而言之，我在 wordpress 网站上创建了这个页面。问题，页面上的内容，分为不同的行，非常大，我想在页面的开头启用每个部分的跳转到部分链接（并跳转回顶部链接）（在这种情况下，行）。

不过，我怀疑在 wordpress 上执行此操作的最佳方法是什么，我是否应该添加一个偶数类型，例如滚动到或跳转到。另外，我想创建一个对多个部分执行此操作的函数...为了获得简洁明了的代码，您是否可以推荐我搜索并尝试使用任何函数选项？

谢谢你=）

我有一个问题，我在 WordPress 中手动进行了垂直分页，例如页面滚动到 id，但是当我单击下一个数字时，它会滚动到上一部分而不是滚动到下一部分，而我为该部分设置了准确的 id，但我仍然有这个问题。请帮助我，有人。这是html代码。

这是jQuery代码

}); });

我添加了一个添加了固定类的div，当滚动位置达到0时该类被删除，但是固定div下的内容会跳转，我不知道如何解决这个问题。

这是我的 HTML 结构：

这是我的香草 JS：

固定 div 的 CSS：

我看到有人问过类似的问题，但我无法添加任何内容来修复下面跳转的内容。

当我按下链接（在这种情况下Contact us）到锚标记（）时，我试图进行平滑滚动，该锚标记（#contact_us）出现在不同部分但在同一页面上。
问题是没有任何平滑滚动，它只是立即将我发送到锚标签。
如何确保点击链接时有平滑的滚动效果？
我应该使用 JS 还是只使用 CSS（如果可能的话），因为我使用的是 PHP？

提前感谢您的提示：D。