【问题标题】:jQuery scrollTop website jumps halfway down on page loadjQuery scrollTop 网站在页面加载时跳到一半
【发布时间】:2011-04-12 13:13:16
【问题描述】:

我正在为自己设计一个新的在线作品集,到目前为止一切进展顺利。它是一个单独的 HTML5 文件,分为单独的“文章”,每个文章都包含一项技能,用户通过该技能通过<a href="#target"> 链接进行导航。为了解决这个问题,我使用了两块 jQuery,一块在 IE 中工作,另一块用于其他一切。 ;-)

然而,在今天只摆弄了一下之后,我遇到了一个奇怪的错误,即一旦页面加载,它似乎会跳到一半左右。在 Google Chrome 中,它会突然返回顶部,但在 Firefox 4 和 Internet Explorer 8 中,它保持原位,与页面的预期来源相去甚远。

请自行查看:my online portfolio to be

我今天早上所做的只是调整 CSS,我认为这不是问题所在。此外,注释掉 HTML 文件的第 216–27 行以删除页面滚动插件也无法解决问题。

但是,删除对主 jQuery 库的引用(<script src="js/jquery-1.5.2.min.js"></script>,第 202 行)确实删除了跳转错误......以及所有其他基于 jQuery 的页面功能!该死!

有什么好主意吗?我已经快要完成这个网站了,现在我的头发被扯掉了,这样一个愚蠢的虫子似乎挡住了它的路。

【问题讨论】:

  • 最好只删除.focus(),因为它位于页面底部的一个部分中。它不是搜索框或登录表单,所以真的没有必要。
  • 我倾向于同意 - 摆弄了半个小时后,我对页面现在的运行方式非常满意。谢谢你的安慰。 :-)

标签: jquery scrolltop scrollto


【解决方案1】:

(在 cmets 中回答了问题。转换为社区 wiki 帖子。见 Question with no answers, but issue solved in the comments (or extended in chat)

OP 写道:

我有一个突破:我注意到每次页面跳转到的位置:浏览器窗口的最底部显示了我的第一个 Ajax 表单字段 (<input type="text" ... id="senderName" ... />,第 138 行)并删除了 @987654323来自相应 .js 文件的 @ 指令解决了该问题,因为页面不再跳转。但是,这是因为当用户滚动到页面上的那个点时,第一个表单域明显丢失了。

谁能推荐这两种状态之间的良好编码折衷方案?

@drudge 写道:

最好只删除 .focus() ,因为它位于页面底部的一个部分中。它不是搜索框或登录表单,所以真的没有必要。

OP 写道:

我倾向于同意 - 摆弄了半个小时后,我对页面现在的运行方式非常满意。谢谢你的安慰。 :-)

【讨论】:

  • 你没有得到代表,但这里是 +1 将答案放在答案中。
  • @JeffreyBosboom 谢谢。 +1 将问题从“未回答的问题”队列中移出,因此值得这样做。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-05-22
  • 1970-01-01
  • 2012-08-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多