Анимация scrollTop со смещением с функцией клеста - PullRequest
Новая
       14

Анимация scrollTop со смещением с функцией клеста

0 голосов
/ 24 марта 2020 
 $('.leftSideStrategy').animate({ scrollTop: $("."+class_to_move_on_top).closest('.pdf-click').offset().top-70 }, 'fast');

Приведенный выше код не работает, что мне нужно сделать, это прокрутить верхнюю часть div, но вот ul и li с тремя различными классами, если выбран второй класс, то я должен прокрутить до этого класса. Так что я хочу прокрутить до pdf-клик класс 

<div class="card backgroundTransparent">
                  <div class="card-header backgroundTransparent" id="heading2">
                    <h2 class="mb-0">
                      <button type="button" class="btn btn-link card-link open_quantitative-aptitude collapsed" data-toggle="collapse" data-target="#collapse_2" aria-expanded="false"> Quantitative Aptitude <i class="lnr lnr-chevron-down"></i></button>
                    </h2>
                  </div>
                  <!-- show --><!-- show -->
                  <div id="collapse_2" class="collapse" aria-labelledby="heading2" data-parent="#accordionExample" style="">
                    <div class="card-body pt-0">
                      <ul class="innerStrategyList">
                          <li class="List"><a class="strategyClick" data-video_id="4066" data-video="https://www.youtube.com/embed/hACEuNHIz-Q?wmode=opaque&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;wmode=transparent&amp;modestbranding=0" data-video-hindi=""><span class="videoIcon"></span>RBI Grade B 2018 Quant Memory Based Questions (Profit &amp; Loss Questions)</a></li><li class="List"><a class="strategyClick" data-video_id="312" data-video="https://www.youtube.com/embed/KL0u8dnt7s4?wmode=opaque&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;wmode=transparent&amp;modestbranding=0" data-video-hindi=""><span class="videoIcon"></span>RBI Grade B 2016 Quant Memory Based Paper Part 2</a></li><li class="List"><a class="strategyClick" data-video_id="300" data-video="https://www.youtube.com/embed/l0gPoO-Cy34?wmode=opaque&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;wmode=transparent&amp;modestbranding=0" data-video-hindi=""><span class="videoIcon"></span>RBI Grade B 2016 Quant Memory Based Paper Part 1</a></li><li class="List"><a class="strategyClick" data-video_id="310" data-video="https://www.youtube.com/embed/JMp3G4YBPg4?wmode=opaque&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;wmode=transparent&amp;modestbranding=0" data-video-hindi=""><span class="videoIcon"></span>RBI Grade B 2016 Quant Memory Based Paper Part 3</a></li><li class="List"><a class="strategyClick" data-video_id="311" data-video="https://www.youtube.com/embed/5mplIj8sMA4?wmode=opaque&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;wmode=transparent&amp;modestbranding=0" data-video-hindi=""><span class="videoIcon"></span>RBI Grade B 2016 Quant Memory Based Paper Part 4</a></li><li class="List"><a class="strategyClick" data-video_id="4067" data-video="https://www.youtube.com/embed/SU5_OxDSj5A?wmode=opaque&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;wmode=transparent&amp;modestbranding=0" data-video-hindi=""><span class="videoIcon"></span>RBI Grade B 2018 Quant Memory Based Questions (Wrong Number Series)</a></li><li class="List"><a class="pdf-click" data-pdf-id="RBIGr1530696875.pdf"><span class="pdfIconStr"></span>RBI_Grade B_2016_Memory Based Paper Quantitative Aptitude Without Answers</a></li><li class="List"><a class="pdf-click" data-pdf-id="RBIGr1530697234.pdf"><span class="pdfIconStr"></span>RBI_Grade B_2016_Memory Based Paper Quantitative Aptitude With Answers</a></li>                          
                      </ul>
                    </div>
                  </div>
               </div>
...