javascript - 在一些滚动后固定 div 前两个 div 并在再次滚动到顶部时重置回来？

Question

嗨，我试图在父 div 中滚动后使 div 保持固定？

<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="fw ofndr-box">
      <div class="ofndr-box-half add-here">
        <a href="#!/lead-court/5c0622ad78bdba5f566538d8" style="color: white;">Header 1</a>
      </div>
      <div class="ofndr-box-half2 add-here">
        <a href="#" data-ng-click="addrequestpopup()" class="ofndr-btn pull-right">+New</a>
      </div>
      <div class="fw ofndr-box-in">
      </div>
</div>
</div>

这是我的工作小提琴，我想在蓝色 div 滚动后修复标题和 +new 按钮。 https://jsfiddle.net/pavansn/tvg3d709/1/

标签： javascriptjqueryhtmlcss

Answer 1

当你的滚动打开ofndr-box而不是window在 Js 中你可以尝试

var scroll = $('.ofndr-box').scrollTop();

并改变：

$(".add-here").addClass(".fixed"); to $(".add-here").addClass("fixed");