Как сделать один элемент прокрутки прокрутки вверх при отображении без прокрутки скрытого раздела - PullRequest
Новая
       27

Как сделать один элемент прокрутки прокрутки вверх при отображении без прокрутки скрытого раздела

0 голосов
/ 08 января 2019

Я пытаюсь найти способ прокрутки div вверх, когда он отображается без прокрутки других скрытых div.

Скажем, у меня есть эти 2 кнопки и 2 контейнера div - 

<div id="btn-1">Button 1</div>
<div id="btn-2">Button 2</div>

<div id="cont-1" style="dislay:block">Some other divs and stuff</div>
<div id="cont-2" style="display:none;"> Also has other divs and stuff</div>

Теперь, когда я прокручиваю страницу вниз и нажимаю # btn-2, я хочу, чтобы # cont-2 прокручивался вверх, сохраняя текущую позицию прокрутки # cont-1.

Я могу сделать это - 

 $("#btn-2").click(function(){
     $("#cont-1").fadeOut(100);
     $("#cont-2").fadeIn(100);
     $("html").animate({ scrollTop: 0 }, "fast");
 });

Но он, очевидно, прокручивает элемент html, поэтому не поддерживает # cont-1 позицию прокрутки

Если я делаю это, ничего не работает - 

 $("#btn-2").click(function(){
     $("#cont-1").fadeOut(100);
     $("#cont-2").fadeIn(100);
     $("#cont-2").animate({ scrollTop: 0 }, "fast");
 });

примечание. Я написал это в качестве примера, поэтому в синтаксисе может быть ошибка.

...