Question

我有一个简单的“标签”效果jQuery slideToggle，用户单击标题.expander-heading，然后next() div .expander-content展开。遗憾的是，点击时我无法将偏移/滚动到此.expander-content div的顶部。

$(".expander-heading").click(function () {

      $header = $(this);
      //getting the next element
      $content = $header.next();
      //open up or close
      $content.slideToggle(325);

      $(".site-container").animate({
        scrollTop: $content.offset().top
      }, "fast");

});

具有这样的HTML结构：

<div class="expander-heading d-block u-pointer">
    <h2>Title</h2>
</div>
<div class="expander-content d-none">
    <p>Tabbed content</p>
</div>

在上面，我使用$content得到结构中的下一个项目，我的click函数工作正常，可以找到页面中的下一个元素，但是如何在{{1}上找到}，.animate()无法滚动到顶部？

我使用$content而不是.site-container是因为我的主体div位于自己的div中，其中主体溢出被隐藏了。

笔https://codepen.io/anon/pen/EGRPEW

使用slideToggle滚动到选项卡部分的顶部，无法进行单击

0 个答案: