ansaurus

Question

Have scroll catch work, only moves one pixel

Answer 1

A:

Try simply $('body') selector for Gecko, also you will probably find that your animations mess up in Opera too because both html and body selectors are usable and the operation is performed twice. Try something like this (small test case):

    <html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
        <script type="text/javascript">
            function scrollWin()
            {
                $('body').animate({scrollTop: $('html').offset().top}, 2000);
            }

            function scrollStop()
            {
                $('body').stop();
            }
        </script>
    </head>
    <body onkeyup="scrollStop()">
        <div style="background:grey;height:1500px"></div>
        <input type="button" onclick="scrollWin();" value="Scroll up" />
    </body>
</html>

The only thing with this is if you press something like enter or space, you will stop the animation but restart it again as you still have the button selected, so any other key will work or you can click on the document (off the button) and then use the enter or spacebar... basically the onkeyup was just another event to show you that the $('body').stop() is what you are really after.

Ambrosia 2009-11-16 06:01:14

I need to have it to work in all browsers (with the exception of IE: if it doesn't work there, fine with me). Perhaps I should try some kind of browser-detecting script?

Brandon Wang 2009-11-17 03:01:31

Did you try my script in your browsers? What was the result?

Ambrosia 2009-11-17 03:21:06

There was no need to, because you completely missed the point of all the complex information (no offense intended): all the code is supposed to automatically stop the scrolling when it detects the user is trying to counter the scrolling (say, to stop it to read). it is obvious that your code does not do this. Sorry.

Brandon Wang 2009-11-18 22:21:44

Sorry, yes, I posted that code to help with your Gecko problem but also because I found other people saying they had problems with similar selectors in Opera. All you need is the code in my next answer as well...

Ambrosia 2009-11-18 23:06:20

Ok, just edited my last answer instead

Ambrosia 2009-11-18 23:09:31

ansaurus

tags:

views:

answers:

Have scroll catch work, only moves one pixel

related questions