Ticket #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: | |
| Blocking: | Blocked by: |
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
comment:2 Changed 6 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 6 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
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
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 ...