问题标签 [page-jump]

我有一个搜索页面，并希望显示找到的页面数量的编号链接。

对于页面顶部，我有：

对于页面底部：

这是有效的，除了底部会以正确的方式链接到下一页（2或3），但它会停留在页面的底部。有没有办法让它跳到页面顶部？我尝试使用 href="#" 但这不起作用（而不是 class=""）可以在代码中的第 2 页看到，#top 也不起作用。任何提示或想法？谢谢斯特凡

在我的一个页面上，我有一个 Web 表单和一个粘性标题。

当用户尝试使用现代浏览器提交此表单但未填写必填字段时，会显示一个错误气球（如预期的那样）。

问题是粘性标题，它隐藏了输入字段，如下所示（jsfiddle）：

现在，我的问题是：

有没有一种明智的方法来防止这种行为并在提交事件引起的相对页面跳转中添加一些像素，什么时候form.checkValidity()为假？

我已将我当前的实现添加为 answer。

（注意，您可能会争论粘性标题是否有益，但此讨论应在UX进行）。

编辑：使用wordpress：

我有一个名为“联系我”的菜单按钮，它指向“联系我”页面。

我也有 8 页，底部有一个联系我的表格。

有没有办法改变那个菜单按钮的名字联系我，向下滚动到正在使用的页面的末尾，不管那个页面是什么？！

这里的区别是我没有一个恒定的跳转点，而是用户当前正在使用的任何页面的底部。

首先提前感谢您的帮助。我正在使用markdownPad。我创建了 2 个下拉框列表，如下所示。

我正在尝试将两个下拉框的值链接到页面跳转。基本上，如果您在第一个“TTF”和第二个“Q1-Q4、Q2-Q1、Q3-Q2、Q4-Q3”中选择，我希望页面转到我写的空间：

抱歉，如果我的问题很愚蠢，但我不知道该怎么做。

我创建了一个网站，允许用户从目录跳转到一个章节。它适用于一本书“Huck Finn”，但不适用于另一本书“Rouging It”。

代码对我来说似乎完全相同。而且，事实上，它可以在jsfiddle中的“Roughing It”中使用

这是一个有代表性的行和它在“Huck Finn”中跳转到的章节的开头：

...这是“粗略”的第一章：

（确实，在“Roughing It”中，我没有“就地”添加章节的概要——只是在 TOC 中。不过，这不重要……

那么为什么它在 Huck Finn 和 jsfiddle 中有效，但在 Visual Studio 中运行时却无效？IOW，在 jsfiddle 中，两者都有效（“Huck Finn”和“Roughing It”）；在 Visual Studio 中，只有“Huck Finn”有效）。

更新

奇怪的是，我刚刚意识到来自 chap43 on DO 的链接有效；只有1-42不起作用...？！？

更新 2

啊哈！(Epiphany/Eureka)：“Huck Finn”有 42 个章节，因此“chap1”到“chap42”被视为其 ID；从 chap43 开始是“免费的”，所以“Roughing It”得到了它们。我必须使它们独一无二，例如“RIchap1”..“RIchap79”

我使用下面的代码来模拟 .animate 切换效果。但是，当点击页面时会跳转到顶部。我试过使用 prevent 但它仍然会跳，所以我想我错过了一些东西......有什么想法吗？

我想使用锚标签在网页上的 div 内滚动。但是，当我单击锚标记时，整个页面会跳转到 div 内的锚标记。

div 中的内容应该滚动，而网页的正文不会自动滚动。

我已经在谷歌上搜索并试图解决这个问题好几周了，但还没有找到一个可以接受的解决方案。这似乎也是一个非常常见的问题。

我对javascript知之甚少，但据我所知，似乎有两种可能的方法来实现这一点：

1. 使页面主体只能通过鼠标滚轮/手动滚动而不是锚标签。这仅适用于主体，不适用于其他元素。

-或者-

2.滚动到div内的锚标签，在影响body之前取消进程。

如果它没有将锚标记添加到 url，那将是一个奖励。

这里有一些其他类似问题的链接，可能有一些你可以使用的想法：看起来很有希望，无法让它工作 在不移动页面的情况下在 div 内滚动

使用 event.preventDetfault() 或 event.returnValue = false 可能在锚链接向右滚动后适用于正文 http://js-unit-testing.com/2013/08/08/preventing-anchor-clicking-from-scrolling-到顶/

类似问题的其他想法 如何在滚动DIV元素时防止页面滚动？

如何在不让整个浏览器跳下的情况下转到可滚动 div 中的锚标记？

如何区分手动滚动（通过鼠标滚轮/滚动条）和 Javascript/jQuery 滚动？

类似问题的其他方法 HTML 锚链接没有滚动或跳转

这是带有相关元素的示例 HTML 和 CSS。您可以调整浏览器窗口的大小，以便主页有一个滚动条，以查看不需要的自动滚动效果：

这是CSS

也许您可以通过明确回答这个常见问题获得一些分数？

我试图让这个导航侧边栏在鼠标离开一段时间后滑开，使文本部分展开。问题是，每当滑动功能启动时，页面就会跳到顶部。没有使用“#”，我尝试了overflow-y：滚动，在函数末尾返回false，preventDefault，但没有任何效果。

这是js代码

这是小提琴：http: //jsfiddle.net/uuw2dzry/1/

如果它不在视口内，光滑的旋转木马会向上或向下滑动，这是它的链接

光滑的旋转木马

示例图像：

变成

页面只是跳起来以显示整个显示的 div，我不希望这种情况发生，有什么解决方案吗？谢谢你，

每当我的 URL 包含#.

#动态创建并插入header($location);到. 之后新的 URL 会像这样加载：www.example.com?p=1#key-1，但是它不会转到#页面上的选定项。我怎样才能做到这一点？

我查看了 javascript window.location.hash，但是我无法弄清楚如何正确使用它。

更新： 当我手动输入#sek-31地址栏时，url 中的 # 起作用。但是，当我重新加载相同的 URL 时，我会回到页面顶部。

更新二：

更新三：

它在以下浏览器中工作：

• Windows 版本的 Safari
• 火狐
• 边缘