Why is my page scrolling like this?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
josh
DevNet Master
Posts: 4872
Joined: Wed Feb 11, 2004 3:23 pm
Location: Palm beach, Florida

Why is my page scrolling like this?

Post 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"
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: Why is my page scrolling like this?

Post 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;
}
josh
DevNet Master
Posts: 4872
Joined: Wed Feb 11, 2004 3:23 pm
Location: Palm beach, Florida

Re: Why is my page scrolling like this?

Post 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?
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: Why is my page scrolling like this?

Post by kaszu »

Firebug
josh
DevNet Master
Posts: 4872
Joined: Wed Feb 11, 2004 3:23 pm
Location: Palm beach, Florida

Re: Why is my page scrolling like this?

Post by josh »

That what I use, I must have missed it :banghead:
Post Reply