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>

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

Answer 1

因为你的滚动是在 ofndr-box 而不是 window 所以在 Js 中你可以尝试

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

和改变:

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