在滚动后将div顶部的两个div固定,并在再次滚动到顶部时重新设置为div?

时间:2018-12-17 07:13:00

标签: javascript jquery html css

嗨,我正在尝试使父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/

1 个答案:

答案 0 :(得分:0)

由于滚动条位于ofndr-box而不是window上,因此在Js中可以尝试

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

并更改:

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