Have Geek Brain

JavaScript and jQuery scrolling issue in all browsers

I just launched http://tweetmp.org.au/ with a stack of new features including MP Spotlight which you can see on the homepage

The following code is executed every few seconds,

// get the next it
var nextId = ids[Math.floor(Math.random() * ids.length)];

$.get('/GetSummary?id=' + nextId, function(result) {

   if (result) {
            $('#memberList').fadeOut('slow',function() {
                $(this).html(result).fadeIn('slow');
             });
    }
});

which goes and selects the next MP, and the old and new disappears. Looks great.

BUT

If you scroll down to the bottom of the page and wait for the MP highlighting to update, the browser will scroll down to #memberList

Does anyone know what is causing this? How can I stop it while scrolling?

Any help is greatly appreciated.

+1


a source to share


2 answers


I fixed it.

I changed fadeIn and fadeOut to fadeTo between 0.01 and 1.0



The jQuery: none display appears when the opacity reaches 0, thus reducing the page size (causing it to scroll to the top)

+2


a source


Can you try:

$.get('/GetSummary?id=' + nextId, function(result) {

   $('#memberList').fadeOut('slow').html(result).fadeIn('slow');

});


?

0


a source






More articles:


All Articles