Прокрутите последний выбранный объект в 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");
    });
});