使用stickyHeader向下滚动到div

时间:2018-12-19 10:17:16

标签: javascript jquery

我有这个DOM。当我登陆网站页面时。

 <body class="noStickyHeader">
   <div class"headerWrapper></div>
   <div class="video">
     <div class="icon"></div>
   </div>
   <div class="text"></div>
  </body>

当我向下滚动时,页面正文类更改为stickyHeader。此类更改headerWrapper的高度。我需要创建一个函数,其中单击类“ icon”的div时,我必须向下滚动到类“ text”的div的顶部。我创建了这个jquery函数:

 $('.icon').click(function() {
    $('html, body').animate({
    scrollTop: $(".text.look2018").offset().top - $('.headerWrapper').height()}, 1000) 
  })

但是它仅计算一次高度。我该怎么解决?

0 个答案:

没有答案