jQuery .load（）不在頂部加載需要向上滾動

Question

當你點擊鏈接時，它會加載正確的文件，但是如果你在#right並向下滾動然後點擊不同的鏈接，它將不會加載在頂部，你必須滾動到頂部。當你點擊任何鏈接時，如何將它加載到#right的頂部？

<script type="text/javascript" src="jquery-1.8.1.min.js"></script> 
<style type="text/css"> 

    #left,#right{ 
     width:500px; 
     height:100px; 
     overflow: scroll; 
     overflow-x:hidden; 
     float:left; 
    } 
</style> 

<div id="left"> 
<ul> 
    <li><a class="page" id="one" href="one.html">One</a></li> 
    <li><a class="page" id="two" href="two.html">Two</a></li> 
    <li><a class="page" id="three" href="three.html">Three</a></li> 
    <li><a class="page" href="#">lskf</a></li> 

</ul> 
</div> 
<div id="right"></div> 


<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.page').click(function(e){ 
     e.preventDefault(); 
     var pg = $(this).attr('id'); 
     var toLoad = $(this).attr('href'); 
     var goin = $('#right').load(toLoad);  
     switch (pg){ 
      case 'one': 
      goin; 
      break; 
      case 'two': 
      goin; 
      break; 
      case 'three': 
      goin; 
      break;  
      default: $('#right').load('test.html'); 
          break; 

     } 

    }); 
}); 
</script> 

Answer 1

所以，你可以滾動頁面加載後頂部，

var goin = $('#right').load(toLoad, function() { 
     $(this).scrollTop(0); 
    });