jqueryが下にスクロールする代わりに

Question

<article> 
    <aside> 
    ... 
    <div id="onlineformular"> 
     ... 
    </div> 
    </aside> 
</article> 

article 
{ 
    overflow:auto; 
    max-height:77vh; 
    width:100%; 
    background-color:white; 
} 

$('article').animate({scrollTop:$('#onlineformular').position().top}, 'slow'); 

私はdiv＃onlineformularまでスクロールしたいだけですが、スクロールアップします。どうして？ （スニペットのみ表示）

ありがとうございます。

Answer 1

あなたから提供されたコードによれば、pageはpage topからdiv＃onlineformularの位置に従ってスクロールします。

animateは、現在のスクロール位置から新しいスクロール位置まで、div＃onlineformularの位置で定義された上から上に移動します。

Answer 2

使用bodyセレクタの代わりに、article：

$('body').animate({scrollTop:$('#onlineformular').position().top}, 'slow');

.some_div{ 
 
    height: 1000px; 
 
    background: #adadad; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='some_div'></div> 
 
<article> 
 
    <aside> 
 
    ... 
 
    <div id="onlineformular"> 
 
     ... 
 
    </div> 
 
    
 
    </aside> 
 
</article>

Answer 3

私は$('#onlineformular').ScrollTo();

非常に簡単でそれを解決しました。