在URL字段中按下重新加载和按下回车键时，Chrome表现不同。

Question

我只是在为我妹妹做个忙搭建一个网站。这个模板使用了一个叫做jScrollPane的jQuery插件来使内容部分可滚动。然而在Chrome浏览器（v20）中，有时这个功能失效，它不会让你完全滚到底部。

奇怪的是，我发现了一个似乎能影响其可用性的模式。请尝试以下几步：

• 在Google Chrome中打开http://mattandkate2012.co.uk，点击“Ceremony”，您能滚动到看到地图吗？我不能。
• 点击刷新图标，再点击“Ceremony” - 您能滚动吗？我还是不能。
• 选择浏览器URL栏中的网址，按回车键 - 您现在可以滚动了！

每个人都获得了与上述相同的结果吗？您知道为什么在URL栏中按回车键会产生与重新加载按钮不同的效果吗？

在Firefox甚至IE中，这个功能都很好用！

谢谢

Pete

- Pete Williams

---

确认我在使用Chromium 18.0.1025.168 (Developer Build 134367 Linux) Ubuntu 12.04时看到了与您相同的行为。但我无法解释这种情况！ - Ian Dickinson

Answer 1

从非常快速的查看来看，我猜测这是因为该部分包含一张图片，并且在图片加载后您没有重新初始化jScrollPane。请参见：

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

在地址栏中刷新和按回车键的区别在于，当您在地址栏中按回车键时，缓存的图像会显示出来...

- vitch

---

谢谢vitch，看起来问题已经解决了！有趣的是地址栏使用缓存，但按重新加载按钮却不会。不确定背后的逻辑是什么。 - Pete Williams

Answer 2

我建议将对$('.content').jScrollPane({showArrows: true});的调用移至$(document).ready块内。如果在文档准备就绪之前调用它，通常图像或其他元素尚未加载，因此容器的高度将不正确。

- Dan Smith