Chrome/Safari issues

[Paul]

Hi,

I hope somebody can help me with this. Here is the link to the page
I'm trying to use jscrollpane on:

http://www.paulguardino.net/dv/www/douglass_village/features.html

I've checked it in FF and IE8 and everything looks fine. The problem
is when I view the page in Chrome or Safari. The problem is that the
content doesn't seem to want to scroll all the way to the bottom. In
Chrome and Safari it stops scrolling when it gets to the first <li> of
the "Energy Star" portion of the page. I've tried commenting things
out, cleaning up some code, etc, but nothing seems to work. I'm
thinking its a padding/margin thing that I'm just not seeing.
Hopefully a fresh pair of eyes can shed some light on this.

Thanks,
Paul

[Kelvin Luck]

Hi,

I'm not sure but the page doesn't fit onto my laptop screen even in
firefox. You have overflow: hidden on the .overlay class on the body and
then it contains something that has a fixed height of 600px. This means
that (even with JS disabled and no jScrollPane) I can't see some of the
content of the page. If you fix that then I can take a look at the
jScrollPane problem,

Cheers,

Kelvin :)

> --
>
> You received this message because you are subscribed to the Google
> Groups "jscrollpane" group.
> To post to this group, send email to jscro...@googlegroups.com.
> To unsubscribe from this group, send email to
> jscrollpane...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/jscrollpane?hl=en.
>
>

[Paul]

Hi Kelvin,

Thanks for looking at my page. Here's a link to the zip file with all
of the files associated with the page in question:

http://www.paulguardino.net/jscrollpanepage.zip

I omitted the overflow property from the body class and took of the
600px height from the div element. Now hopefully you'll be able to
view the whole page. I think the reason for the overflow on the body
in the first place was to fix an IE6 bug. I'll have to go back and
check though. Let me know if you see something that's wrong in the
code that would make the scroller not scroll all the way. I've been
looking for the past couple days and can't figure it out. Hopefully
you'll see something that I don't. Thanks again for checking out my
page.

Paul

On Dec 8, 6:28 am, "Kelvin Luck" <kel...@kelvinluck.com> wrote:
> Hi,
>
> I'm not sure but the page doesn't fit onto my laptop screen even in  
> firefox. You have overflow: hidden on the .overlay class on the body and  
> then it contains something that has a fixed height of 600px. This means  
> that (even with JS disabled and no jScrollPane) I can't see some of the  
> content of the page. If you fix that then I can take a look at the  
> jScrollPane problem,
>
> Cheers,
>
> Kelvin :)
>

[Kelvin Luck]

Hi Paul,

#features-content (or it's parent) needs to have a specified height so
that the overflow: auto kicks in... If you view the page with JS disabled
you should see the browsers default scrollbars. Once this is working you
can integrate jScrollPane...

Cheers,

Kelvin :)

[Paul]

Hey Kelvin,

I re-uploaded the zip file containing the updated files. The actual
div I want to scroll is #features-content. I set the overflow to auto
and would like it to have a height of 600px. I checked it in FF and
IE and it works with javascript turned on and off. But the problem
still lies in Chrome. It just doesn't want to scroll all the way to
the bottom. Could this be a bug with chrome? I looked all through my
stylesheet and can't find anything that would conflict with this.
Thanks for your help so far. I would really like to get this to work
in Chrome. Here is the link to the updated files:

http://www.paulguardino.net/jspanepage.zip

Thanks,
Paul

[Kelvin Luck]

Hi Paul,

Sorry for the slow reply. One possible reason it might be breaking is
because of the images inside the scrollpane. It may be that these are
messing up the height calculation in Chrome. You could try passing
"reinitialiseOnImageLoad: true" as one of the settings when you initialise
jScrollPane. If that doesn't work you could include width and (more
importantly) height attributes on each of the images in the HTML.

Hope that helps,

Kelvin :)