问题标签 [page-jump]

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

javascript - FadeIn 和 FadeOut 跳转页面

我有以下代码:

页面在页面 fadeIn 上跳转。我该如何解决?

0 投票
1 回答
619 浏览

forms - Rails 4:提交失败后滚动浏览器窗口(验证错误)

所以我在页面底部有评论表格(典型的文章和评论示例)。如果验证失败,我会显示验证错误。

那是我的评论控制器代码:

这是表格:

对于我使用的表单 simple-form。此外,我正在使用体面的曝光苗条

我希望我的页面在验证失败后向下滚动到表单(因此用户不必手动滚动)。有没有简单的方法来实现这一目标?

AFAIK 我无法将锚传递给渲染(这将解决问题)。有任何想法吗?

0 投票
1 回答
48 浏览

html - HTML中的新表格条目后如何跳转到页面底部?

我正在尝试在页面顶部(表格上方)创建一个 HTML 按钮添加一个新的表格条目,并同时跳转到页面底部,以便新条目可见。该按钮已经像这样添加了新条目

onclick="addrange()"

除了新条目之外,我还可以向按钮添加什么以使其跳转到页面底部,一键完成?

谢谢。

0 投票
0 回答
249 浏览

jquery - 滚动到从另一个页面加载到 Chrome 中错误位置的链接

我正在尝试滚动以从另一个 html 页面链接;当您单击该链接时,页面将更改(如果适用)并从顶部滚动到 ID 部分。

奇怪的是,它在我的本地机器上运行良好,但一旦被推送就不能正常运行。

大多数网站都在一个页面上,但是当您访问造型师的“查看简历”页面然后使用其中一个导航链接时,您会看到问题。

转到此页面,然后单击任何导航链接以查看... http://davehudson.me/livegallery/v8/stylist-cheryl.html

将其与您在主页上使用导航链接时的工作方式进行对比...... http://davehudson.me/livegallery/v8/

这是我在头部滚动到功能的 JS

任何帮助将不胜感激 - 感谢您的阅读!

编辑

当我向 setTimeout 添加 2000 毫秒延迟时,它可以工作,但感知到的性能很糟糕。

这似乎也只是 Chrome 中的一个问题。

我尝试将 CSS 高度添加到每个容器 div 以查看缓慢加载的 DOM 是否提供了错误的偏移值,以便锚链接向下滚动到;不过似乎没有任何效果。

0 投票
1 回答
24 浏览

css - 如何设置页面跳转以在所有浏览器上工作

我最近完成了一个 Shopify 网站,一切正常。我现在正在浏览不同的浏览器,以确保每个人都能正常工作,并且我注意到我的网站中存在一些关于页面跳转的问题。

例如在以下页面上:

https://prontaprint247.com/pages/price-list

页面跳转工作正常并转到我在 Firefox 中需要的正确部分,但是当我在 Safari 和 Chrome 中执行相同操作时,跳转工作但将我带到错误的部分,我不确定我需要做什么解决这个问题,不确定它是浏览器问题还是什么。

如果有人可以提供建议,我将不胜感激,因为我已经检查了标签,并且它们对于每个页面跳转都正确显示,所以有点困惑。

0 投票
0 回答
22 浏览

php - 如何使相应的栏与页面跳转一起修复?

以下链接是我的页面之一,其中提供了有关受邀演讲者的详细信息。

http://iclaa2017.com/slide-show-test/#tab4

一切都很好,但是当单击链接(在扬声器 1,2...上)时,我得到了切换效果,但是扬声器 1,2.. 条正在导航栏上。我知道它的发生是因为它充当页面跳转。但...

如何解决?以及如何使文本适合下拉框中的内容?

我希望扬声器 1,2... 也应该留在下拉框中。

我使用的代码如下:

0 投票
1 回答
84 浏览

javascript - 将页面跳转到 iframe 中的 id

我有一个包含 iframe的网页(http://www.WillenhallPrimary.org/Science.shtml )。iframe 包含一个<h2 id="staff">Teachers</h2>标签,我想使用父 URL 和哈希值跳转到该标签,例如http://www.WillenhallPrimary.org/Science.shtml#staff。我也想等到页面加载后再跳转。(如果这样更容易,我可以使用 ? 而不是 # 。)

iframe 使用 onLoad:javascript 调整大小(所以它看起来像一个连续的页面),效果很好,但我不知道这是否会影响它。

这可能吗?这听起来很简单,但我花了几个小时寻找,但没有任何效果。(我不是这方面的专家。)有没有更好的方法呢?

非常感谢任何帮助。

0 投票
0 回答
946 浏览

html - 页面跳转到外部页面上的 id 不起作用

Wordpress 网站中非常简单的链接编码:

该链接触发并将http://www.example.com/sub_dir/page_name#unique_identifer加载到地址栏中。页面加载但不会向下移动到 id 位置。

如果在那个阶段您将地址剪切并粘贴到新窗口中,它会加载页面并按预期向下移动到 id 位置。因此,这并不像 id 不存在,或者它有任何问题。当我这样做时,我的浏览器在地址栏中的 # 之前添加了一个反斜杠;不确定这是否相关: http ://www.example.com/sub_dir/page_name/#unique_identifer

我已经尝试修改链接以包含该反斜杠,它可以很好地通过,但它仍然没有移动到页面加载时的 id 位置。

不知道为什么会这样;有任何想法吗??

0 投票
0 回答
200 浏览

ios - Safari IOS 错误与意外跳下

以下网站上的错误 - 仅在嵌入 iframe 的网站上。例如: https ://gh-immoprojekt.de/angebote/ https://gh-immoprojekt.de/leistungen/verkauf/

如果我打开这个网站,内容会自动跳转到嵌入的 iframe。此行为仅适用于具有嵌入式 iframe 的网站。其他网站正常显示标题、徽标和导航,您可以手动向下滚动。在 Firefox、Chrome 和其他浏览器以及 Microsoft 上,浏览器视图也可以正常工作。

请支持解决此错误视图。谢谢!佩

0 投票
2 回答
866 浏览

html - HTML5 中的锚点(页面内跳转)

我正在使用一个 html 5 模板,它基本上有 1 个大索引 html 文件并使用锚点(id="")并打开“新”页面。

这是我的网站:http ://www.plans4canada.ca

现在在此页面上:http ://www.plans4canada.ca/#phones ,我想在顶部放置一个链接,该链接将在页面“内”跳转。基本上希望在顶部有 3 个链接,它们将跳转到计划 AC(有点多余)、DE 和底部的 FH。

我尝试添加 id,但这会“打开”一个新页面,而不仅仅是向下滚动。

有什么帮助吗?对不起,html菜鸟:)