Bug Tracker

#1193 closed bug (wontfix)

Opened May 15, 2007 07:35PM UTC

Closed March 31, 2008 01:38AM UTC

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.

Attachments (0)
Change History (5)

Changed May 15, 2007 08:58PM UTC by 3CircleStudi comment:1

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 ...

Changed May 15, 2007 11:10PM UTC by 3CircleStudi comment:2

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.

Changed June 05, 2007 05:45PM UTC by Florent comment:3

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

Changed September 27, 2007 07:39PM UTC by tglawe comment:4

Does anybody have fix it?

I couldn't find any work around until now.

Changed March 31, 2008 01:38AM UTC by scott.gonzal comment:5

resolution: → wontfix
status: new → closed

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