How to stop jquery fadeIn from scrolling the page
<p>I am using jquery fadeIn like this</p>

<pre><code>imgTag = '&lt;img src="../../../images/leadGenAdPreview.jpg" alt=""/&gt;';
$('#previewImg').hide();
$('#previewImg').html(imgTag).fadeIn(1000);
</code></pre>

<p>What this does is, it scrolls up the page all the way up. The section which I want to fadeIn is quite a bit down on page. And I would best prefer page not to scroll at all. How can this be achieved ?</p>

<p>This is the entire snippet</p>

<pre><code>$('#previewImg').hide();
$('#previewImg').html(imgTag).fadeTo(1000,100);
var currentlySelected = $('.inFoo-tabs-select');
$(currentlySelected).removeClass('inFoo-tabs-select'); $(obj).attr('class',$(obj).attr('class')+' inFoo-tabs-select');
goToScroll('infooterDemo');
</code></pre>

<p>Because my target element is some way down the page, i was using scroll function. once i click on target element, fadeIn, and scroll down to it, next time I click on it, I dont want it to scroll back up. </p>
