按下重新加载时，Chrome在URL字段中按Enter键会有不同的行为

Question

只是想把一个快速的网站拼凑起来作为我妹妹的一个忙。它基于她购买的模板，我很快将她的副本/图片拼凑起来，所以我知道标记远非完美。那就是说，我看不出它会如何导致以下问题......

模板使用名为jScrollPane的jQuery插件使内容部分可滚动。但有时候，在Chrome（第20版）中这不起作用 - 它不会让你一直向下滚动。

但真正奇怪的是，我发现的模式似乎影响它是否有效。请尝试以下

• 转到谷歌浏览器中的http://mattandkate2012.co.uk - 点击“仪式” - 您可以向下滚动到足以查看地图吗？我不能。
• 按下重新加载图标，点击“仪式” - 您可以向下滚动吗？我不能。
• 在浏览器网址栏中选择网址，按回车键 - 您可以向下滚动吗？我现在可以！

其他人是否得到与上述相同的结果，您是否知道为什么在URL栏中按Enter键会对重新加载按钮产生不同的影响？

这个功能在Firefox甚至IE中运行良好！

由于

皮特

Answer 1

从一个非常快速的看，我想这是因为该部分包含一个图像，并且您不会在图像加载后重新初始化jScrollPane。参见：

http://jscrollpane.kelvinluck.com/image.html

在位置栏中刷新和按下输入之间的区别在于，当您在位置栏中按Enter键时，会显示缓存的图像...

Answer 2

我建议将$('.content').jScrollPane({showArrows: true});的调用移到$(document).ready块内 - 如果在文档准备好之前调用它，通常图像或其他元素将不会被加载，因此高度为容器会出错。