Page 1 of 1

Why is my page scrolling like this?

Posted: Fri Dec 11, 2009 11:38 pm
by josh
I made a hide/show javascript link here:
http://vehicle-data.com/vehicles

See the last item on the left hand column. But when it is collapsed my page is still a "billion" pixels long and scrolls for no reason. Why would this be?
DOM inspector tools aren't showing anything "down there"

Re: Why is my page scrolling like this?

Posted: Sat Dec 12, 2009 5:48 am
by kaszu
Problem is <iframe id="crowdsound_widget_X" class="crowdsound" /> which is inserted by http://crowdsound.com/widgets/popup?&aid=2207 javascript I assume. When page loads list is expanded, so widget is inserted at the position where currently is script? and when it's collapsed that iframe stays at that position, because of 'position: absolute; top: ...' (bad widget, bad!).

Try adding following to the CSS:

Code: Select all

.crowdsound {
    top: -9000px !important;
    left: -9000px !important;
}

Re: Why is my page scrolling like this?

Posted: Sat Dec 12, 2009 3:50 pm
by josh
I had a hunch that had something to do with it, but I knew that wasn't the only problem! Thanks! (fixed it)

BTW what was your debugging process?

Re: Why is my page scrolling like this?

Posted: Sun Dec 13, 2009 8:57 am
by kaszu
Firebug

Re: Why is my page scrolling like this?

Posted: Sun Dec 13, 2009 3:57 pm
by josh
That what I use, I must have missed it :banghead: