Bug Tracker

Opened 13 years ago

Closed 12 years ago

#1193 closed bug (wontfix)

Interface scrollTo()/scrollToAnchors() in Firefox for MAC OS X

Reported by: 3CircleStudio Owned by: stefan
Priority: major Milestone: 1.1.3
Component: interface Version: 1.1.2
Keywords: scrollTo ScrollToAnchors Cc:
Blocked by: Blocking:

Description

jQuery version: 1.1.2
Interface version: 1.2
Firefox version: 2.0.0.3
OS version: MAC OS X 10.4.9

Using interface functions scrollTo() and scrollToAnchors() to navigate to an anchor below the fold when you're at the absolute top of the page results in a bug where you're only taken so far down the page and then it just stops.

If you scroll just a tiny bit down, say 5px from the top, with your mousewheel and then click to navigate to an anchor below the fold it works perfectly.

If you are at the absolute top and click to navigate to an anchor above the fold it works perfectly.

So in conclusion, these functions glitch when you're at the very top of the page clicking a link to navigate to an anchor below the fold.

Change History (5)

comment:1 Changed 13 years ago by 3CircleStudi

I've figured out it has something to do with my stylesheet. When I turn my stylesheet off it works fine from the absolute top. But my CSS validates per the W3C's validator.

I'm taking it apart piece by piece and I will report back ...

comment:2 Changed 13 years ago by 3CircleStudi

Okay, I've figured it out. It looks like this will mess up the scrollTo() and scrollToAnchors() methods if your scroll is positioned at 0px: 

html, body {
     margin: 0;
     padding: 0;
     height: 100%;
}

I assume the "height: 100%" is the culprit.

I realized this when I was trying to implement the footerStick CSS method found here: ​http://solardreamstudios.com/learn/css/footerstick/

Hopefully this can be fixed. Thanks.

comment:3 Changed 13 years ago by Florent

I have the same bug.

How did you fix it ? I have nothing specific in the html section of my CSS. Here is the relevant part of my css : 

body {
        margin:0;
        border:0;
        padding:0;
        text-align: center;
        background-color:#636466;
        font-size:12px;
        font-family:verdana;
        color:#636466;
}

I managed to work around : I added a {{{{ <div></div> }}}} section before the "<html>" tag. I know, it is awful...

Thanks

comment:4 Changed 13 years ago by tglawe

Does anybody have fix it?

I couldn't find any work around until now.

comment:5 Changed 12 years ago by scott.gonzal

Resolution: → wontfix
Status: new → closed

Interface is no longer supported; consider switching to ​jQuery UI.

Note: See TracTickets for help on using tickets.