3

Was just trying to cobble a quick site together as a favour for my sister. It's based on a template she bought and I've just quickly bunged her copy/pictures in, so I'm aware the markup is far from perfect. That said, I can't see how it would be causing the following issue...

The template uses a jQuery plugin called jScrollPane to make the content sections scrollable. Sometimes however, in Chrome (v20) this doesn't work - it doesn't let you scroll all the way down.

What's really odd though, is the pattern I've found that seems to effect whether it works or not. Try the following

  • Go to http://mattandkate2012.co.uk in Google Chrome - click 'Ceremony' - can you scroll down far enough to see the map? I can't.
  • Press the reload icon, click 'Ceremony' - can you scroll down? I can't.
  • Select the URL in the browser URL bar, press enter - can you scroll down? I can now!

Does everyone else get the same results as above, and do you have any idea why pressing enter in the URL bar has a different effect to the reload button?

This functionality works fine in Firefox and even IE!

Thanks

Pete

4

2 回答 2

1

From a very quick look I guess it's because the section contains an image and you aren't re-initialising jScrollPane once the image loads. See:

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

The difference between refreshing and pressing enter in the location bar is that the cached image is shown when you press enter in the location bar...

于 2012-07-19T10:31:22.557 回答
0

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

于 2012-07-19T10:33:15.467 回答