jqueryで最も最近選択されたオブジェクトをスクロールしてページの先頭に移動します

Question

いくつかのセクションを開いて、ウィンドウの下部に見出しを付けた後、クリックすると表示されますが、コンテンツはビューの外にあります。コンテンツが見えるように、見出しを上にスクロールさせたいと思います。私はscrollToとscrollIntoViewを試してきましたが、まだ運がありませんでした。

トグル

$(document).ready(function(){ 
     $(".toggle_container").hide(); 
    $("h2.trigger").click(function(){ 
     $(this).toggleClass("active").next().slideToggle("slow"); 
    }); 
}); 

コンテンツ

<h2 class="trigger"><a href="#">Link Name</a></h2> 
<div class="toggle_container"> 
    <div class="block"> 
    <h3>Need a Website?</h3> 
    <p>Consequat te olim letalis</p> 
     </div> 
</div> 

Answer 1

<a href="#">Link Name</a>トップにスクロールするページが発生します。これは "ヌル"リンクを作成する正しい方法ではありません。使用：<a href="javascript://">Link Name</a>。なぜあなたはH2上でクリックイベントを入れているのではなく、A上でもクリックイベントを妨害しています。

はここにあなたのスクロールアクションで助けます：「ヌル」のリンクを作成する上でのポインタのための

$(document).ready(function(){ 
    $(".toggle_container").hide(); 
    $("h2.trigger").click(function(){ 
     window.scrollTo($(this).position().left,$(this).position().top) 
     $(this).toggleClass("active").next().slideToggle("slow"); 
    }); 
});