5

ここに画像の説明を入力 左はスクロールしようとしているものです...少しスクロールしてから停止します。毎回同じ量をスクロールするようです。

スクロールしようとしているコンテンツが div 内にある場合、jQuery を使用してページの読み込み時に scrollTop を取得しようとしています。現在の実装は何もしません

JavaScript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script>
    $(document).ready(function (){
            //$(this).animate(function(){
                $('html, body').animate({
                    scrollTop: $("#test4").offset().top
                     }, 2000);
            //});
    });
</script>

html

<div class="row">
    <div class = "span12">
    
        <div class = "row">
        
            <div class = "span2">
            
                <div style="height:480px;font:12px Georgia, Garamond, Serif;overflow:auto;">
                
                    <div id = "test1">Test1</div>
                    <div id = "test2">Test2</div>
                    <div id = "test3">Test3</div>
                    <div id = "test4">Test4</div>
                
                </div>
            </div>
        
        
            <div class = "row">
                <div class = "span8">
                    Other content on the page
                </div>
            </div>
        
        </div>
    </div>
</div>
4

1 に答える 1

6

コードを少し変更しました。ここでフィドルを見つけることができます。

これは私が使用したjsコードです：

$('.sss').animate({
    scrollTop: $(".test5").offset().top
}, 2000);​

ここ

$('.sss')

サイドリンクを保持するホルダーです

于 2012-11-01T08:16:51.103 に答える