问题标签 [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 投票
6 回答
30201 浏览

ruby-on-rails - 如何在 Ruby on Rails 中创建一个锚点并重定向到这个特定的锚点

我正在尝试为我博客上的每条评论创建唯一的锚点,以便人们可以获取锚点的 url 并将其粘贴到他们的浏览器中,这将自动加载页面并向下滚动到页面中他们评论开始的位置.

也许我正在以错误的方式解决这个问题,但我已经尝试过,但无济于事。

评论视图 - 失败 1 - 当粘贴在浏览器中时,此链接不会向下滚动到所需位置

评论控制器 - 失败 2 - 浏览器中正确的 url 但没有滚动发生它只是停留在页面的顶部

如果有人可以提供帮助,我将不胜感激:)

更新:下面的解决方案几乎可以工作,但是如果我点击它,我会得到以下 URL,它不会被滚动到。

# 即http://localhost:3000/posts/please-work

0 投票
2 回答
9092 浏览

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

我正在构建一个简单的词汇表小部件,作为客户大型项目的一部分。词汇表的内容包含在一个可滚动的 div (overflow:auto) 中。每个字母都有一个与之关联的锚标记(#a、#b、#c 等)。可滚动 div 上方是一个 div,其中包含字母表中的每个字母。单击其中一个字母会将用户带到可滚动 div 中该字母的定义。这可行,但一个意想不到的副作用是整个窗口跳到锚点,这让用户感到困惑和烦恼。

这是小部件,被剥离了一点,并带有一堆<br />'s 让你明白我的意思。

http://www.nitrohandsome.com/clients/topics/glossary-widget/

我尝试了一些不同的 javascript 想法,我从一些谷歌搜索中拼凑起来,但没有任何效果,所以我只是摆脱了所有的东西,但实际的 go to anchor 代码(我是一个非常大的 JS 新手)。所以现在,点击任何字母都会执行这个 javascript 函数,并传递给它的锚标记:

我怎样才能做到这一点,以便每次单击链接时整个窗口都不会跳转?

提前致谢!

0 投票
1 回答
592 浏览

javascript - 滚动条内的滚动条只会使内部滚动条跳转到 id

我有一个需要滚动条的页面 -

http://www.aus-media.com/dev/site_BYJ/schedule-pricing/pricing.html

您会注意到(除非您以高分辨率和大屏幕运行)主页面有一个外部滚动条以及内容的内部滚动条。当您单击其中一个子项目(例如付款)时,您会注意到外部页面向下滚动以及内部滚动条。

有谁知道只滚动内部滚动条的方法,所以只有它跳转到 id?

谢谢大家尼克

0 投票
1 回答
1390 浏览

asp.net - jQuery UI 对话框导致页面在 ASP.NET 上打开和关闭时跳转

我有一个 ASP.NET C# 页面,其中包含图像缩略图。
我创建了一个脚本,该脚本jQuery UI Dialog在每次悬停时打开一个缩略图,在对话框视图中显示较大尺寸的缩略图,当我悬停时 - 对话框关闭。
我的小烦人问题是,在每个mouseover(要打开的触发对话框)中 - 页面使自己“更长” - 滚动条出现在浏览器的一侧,当对话框打开时页面似乎变长了,但它不应该这样做。
当我将鼠标悬停在 ( mouseout) 上时 - 对话框消失,页面恢复正常状态。
因此,当我将鼠标悬停在缩略图上时,我的页面会“跳转”。
我为此寻找解决方案,并添加了return false;对于每个打开和关闭的对话框 - 它仍然没有任何不同。
抱歉英语不完美,感谢所有帮助者!

0 投票
2 回答
257 浏览

jquery - 切换布局页面跳转(对脚本的改进)

我正在使用此脚本来切换页面中的布局:

该脚本工作正常,我遇到的问题是,如果切换视图位于页面下方,则布局会更改,然后页面会跳回。

如果我在您看到 /* 的地方添加 'return false' !*/ 在第二行脚本不起作用。

另外,如您所见,我使用 <span> 而不是 <a>,因为有人告诉我使用 <a> 以外的其他元素会阻止页面跳转。

知道如何解决页面跳转问题吗?

谢谢。

0 投票
2 回答
452 浏览

javascript - jquery拖放问题,跳转到新页面

我想使用 Jquery 来实现一个包含来自 quotemedia.com 的 js 的页面。将 js 嵌入到 sortable 后,当我拖放包含 js 的元素时,它会跳转到整页显示。

在 Firefox 下会出现这种情况,IE 是可以的。

运行代码在这里:http: //jsfiddle.net/dodoflying/9BkJ5/使用firefox拖放元素购物查看问题。

是firefox下的bug吗?我该如何解决这个问题?

提前致谢!

大学教师

0 投票
3 回答
9127 浏览

asp.net - ASP.NET:使用 AutoPostBack 时如何阻止页面跳转?

我正在使用 ASP.NET,在向导控件中,我有单选按钮,如果选择“是”,则会显示一个面板,但如果选择“否”,则隐藏面板。我将 MaintainScrollPositionOnPostBack 设置为 True,尽管 ActiveStepChanged 事件将其更改为 False,因此当您单击“下一步”查看下一个向导步骤时,它将从页面顶部开始。问题是,在单击“下一步”后,第一次单击单选按钮时,它会跳到页面顶部(第一次单击单选按钮后,页面将保持其位置)。我如何阻止它第一次跳跃?

0 投票
1 回答
325 浏览

css - 为什么在 Firefox 中 location.hash 后样式效果仍然存在?

我正在为网页设计的在线心理实验创建一个程序。(请看下面的代码)我想要做的是,如果用户点击某个输入框,它会调用 onFocus 事件,然后页面跳转到那个地方(即框来到页面顶部),并且box 对其轮廓有一些影响,表明它具有焦点。
我可以使用 location.hash、anchor 和 style.outline 来实现它。

但是,在 Firefox 中,一旦页面跳转到锚点,即使我有一个 onBlur 事件来删除轮廓样式,轮廓样式仍然存在。有谁知道为什么会发生这种情况以及如何解决它?与这个问题最相关的函数是代码中的 jump() 和 noeffect()。

这适用于 Chrome 和 Safari,但不适用于 Firefox。(IE 也不行。IE 甚至根本不显示大纲样式。如果你知道如何在 IE 中修复,也请告诉我) 最好,我希望我的程序可以在所有主要浏览器中使用。

提前致谢!

- - - - -代码 - - - - - -

0 投票
1 回答
1457 浏览

css - CSS:页面跳转后的页面顶部

我有一个我不能修改的 html 页面,我所做的一切都必须使用 CSS 完成。

我在 html 页面中有 4 个“部分”标签,在该页面的顶部有一个导航栏。栏的每个元素都是指向同一页面特定部分的内部链接(页面跳转)。

通常,当我单击其中一个链接时,合适部分的第一行将出现在我的页面顶部。

但是我已经修改了导航栏的位置,所以它会一直保持在顶部(位置:固定)。

因此,当我单击 1 个部分按钮时,所选部分的第一行(以及另外 1 或 2 行)被我的导航栏覆盖...... :(

我想要的是一个解决方案,所以当我单击导航栏上的一个选项时,所选部分的第一行将不会出现在屏幕顶部,而是出现在我的栏下方。

如果需要一些代码,请询问具体部分,因为它已经足够长了。

0 投票
1 回答
238 浏览

ruby-on-rails - Vim 使用 ctr-w gF 跳转到一个文件,路径中带有 @,例如 dirwith@funnyname/path:34

我在 ruby​​ on rails 中的堆栈跟踪错误如下所示。我很高兴地使用 ctr-w gF 跳转到文件并转到文件后面的行号一段时间。

但是我开始使用 RVM 和 gem_sets,这在目录中放置了一个 @ 符号,这显然使 Vim 感到困惑。在这种情况下,我该如何使用我心爱的 ctr-w gF?