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); 
    });