Question

I’m prepending the markup returned after an jquery ajax() call [the success part of the code as below]

success: function(html){
    $("ul#lists").prepend(html);
    $("ul#lists li:first").fadeIn("slow");
}

When the prepend is success, I want the page to automatically scroll to the position where the prepend is happening. I’m not sure of the syntax but the following is something like what I want.

success: function(html){
        if($("ul#lists").prepend(html)) {
            //Scroll to the position in the page where the prepend is about to happen
            //something similar to the href="#bookmark' in html. 
        }
        $("ul#lists li:first").fadeIn("slow");
    }

So how do I do that?

Answer 1

You can use this plugin by Ariel Flesler.