0

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

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

请自行查看：我的在线投资组合。

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

但是，删除对主 jQuery 库的引用（<script src="js/jquery-1.5.2.min.js"></script>第 202 行）确实删除了跳转错误……以及所有其他基于 jQuery 的页面功能！当！

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

4

1 回答 1

1

（评论中回答的问题。转换为社区 wiki 帖子。请参阅没有答案的问题，但问题在评论中解决（或在聊天中扩展））

OP写道：

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

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

@drudge 写道：

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

OP写道：

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

于 2015-02-03T16:15:34.000 回答