0

リンクをクリックすると正しいファイルが読み込まれますが、#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>
4

1 に答える 1

0

したがって、ページが読み込まれた後、上にスクロールできます。

    var goin = $('#right').load(toLoad, function() {
        $(this).scrollTop(0);
    });        
于 2013-03-12T00:48:37.893 に答える