Js scroll only showing on refresh?

Hi all,

I’ve added a scroll script to my site which changes the scroll to just a black box in a grey rectangle. When the page is visited it doesn’t show but once you either refresh or navigate through the pages it appears.

I’m pretty much clueless about js so don’t even know where to start with fixing this. Here’s a link if it helps.

http://jmbproductions.ca/kirk/index.php

I would post code but once again, not sure which part I’m dealing with so not sure what to post. If you need code let me know and I will provide it.

Thanks in advance for any suggestions.

This may or may not be related, but IE says that ‘style’ is null or not an object.

Is there an updated version of lightbox that doesn’t throw such an error?

I removed lightbox from the code since I am no longer using it. The scroll wasn’t using that. I tried making the scroll holder box bigger hoping it would push the last image down and force an automatic scroll but it hasn’t helped.

Not sure what else I can try…

IE7 is also throwing an error on the jqzoom code, because of a trailing comma in the array list for the options.

!! Love you!

I didn’t ask about that (yet) because I hate IE so much but that fixed one of my problems!

Thanks!! Now that that’s out of the way maybe it will show the real issue with the scroll!

LOL

Thank you again, much appreciated.

When running your page code locally, problem seems to go away.

This indicates that the problem could be due to some kind of loading/timing issue.

So am I looking at doing something like this then?

http://thedesignspace.net/MT2archives/000379.html

I couldn’t say, this would need someone to do what I can not right now, and that is to experiment with setting scrollbar colours on in-page elements that have the scrollbars visible.

It’s a shot in the dark, but it could get you closer to your answer. Have you validated your page lately?

I just notice that your images have no width or height.

On a first page load IE won’t know how much space they take, so will assume virtually no space at all and show the container with no scrollbars, that later on show themself when the loading images push out of the container.
On subsequent loads IE knows from the cached information, so the element loads with coloured scrollbars.

Try setting the image width and height with the appropriate sizes for the images, so that IE knows that the container should show the scrollbars.

Also, have you validated your page lately? It’s a shot in the dark but invalid HTML code can be the cause of unwanted problems.

You fixed it!!

I’m sure you hear this a lot but you are the BEST! Thank you so much for taking the time to help me out!

You’re welcome. I might push validating your page more than before now. :slight_smile:

It’s a strange IE bug though, how scrollbars that show themself after the page loads, fail to have the scrollbar styles applied to them.

I bookmarked the page and will be sure to do so as often as possible from now on.

I just want to thank you again. Most of the time when asking questions like these I get rude replies from people who don’t seem like they want to help at all. This site has been more helpful in the past 8 hours than most have been ever.

I’m sure you’ll be hearing from me again, but hopefully not too soon :wink: