jQuery scrollTop网站在页面加载时跳了一半

时间:2011-04-12 13:13:16

标签: jquery scrolltop scrollto

我正在为自己设计一个新的在线投资组合,到目前为止一切都进展顺利。它是一个单独的HTML5文件,分为单独的“文章”,每个文章都包含一项技能,用户可以通过<a href="#target">链接进行浏览。为了解决这个问题,我使用了两个jQuery块,一个在IE中运行,另一个在其他所有内容中运行。 ; - )

然而,在今天只有一点点摆弄之后,我遇到了一个奇怪的错误,一旦页面加载,它似乎跳到了大约一半的位置。在谷歌浏览器中它然后急剧地返回到顶部,但在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的页面功能!荡!

有什么好主意吗?我非常接近完成这个网站,而且我现在正在撕扯我的头发,这样一个愚蠢的小虫似乎正在阻挡它。

1 个答案:

答案 0 :(得分:1)

(问题在评论中回答。转换为社区维基帖。请参阅Question with no answers, but issue solved in the comments (or extended in chat)

OP写道:

  

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

     

任何人都可以推荐这两种状态之间的良好编码妥协吗?

@drudge写道:

  

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

OP写道:

  

我倾向于同意 - 摆弄了半个小时我对这个页面现在的功能感到非常满意。谢谢你的保证。 : - )