如何滚动粘性div内容

时间:2017-07-31 09:07:13

标签: javascript jquery html css

如何滚动粘贴边栏等文字内容。我的参考网站是https://www.workable.com/applicant-tracking?utm_campaign=capterra_ppc&utm_content=applicant-tracking&utm_medium=cpc&utm_source=capterra。 请查看主滑块后的div内容。背景是固定的但内容是滚动的,图像正在变化。如何做到

.rpm-dash-cont {
  background: #e6e6e6;
  padding: 30px 0px;
}

.rpm-dash-cont h3 {
  font-weight: bold;
  padding-bottom: 15px;
}

.rpm-dash-cont p {
  font-size: 18px;
  line-height: 30px;
}
<section class="rpm-dash-cont">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <h3>RPM Recruiting dashboard</h3>
        <p>An exact view of your recruiting process and hiring status.</p>
        <p>The recruitment dashboard provides a real time view of every job in your hiring pipeline. It further enhances by robust filters be it jobs by location, skills, resident status or departments. It also pins the most important jobs to the top of
          the page for easy access.</p>
        <p>A dynamic chart that will monitor your recruiting pipeline – see the number of candidates at every stage, for every position.</p>
        <h3>RPM Recruiting dashboard</h3>
        <p>An exact view of your recruiting process and hiring status.</p>
        <p>The recruitment dashboard provides a real time view of every job in your hiring pipeline. It further enhances by robust filters be it jobs by location, skills, resident status or departments. It also pins the most important jobs to the top of
          the page for easy access.</p>
        <p>A dynamic chart that will monitor your recruiting pipeline – see the number of candidates at every stage, for every position.</p>
      </div>

      <div class="col-md-6">
        <img class="img-responsive" src="image/dashboard.png" />
        <img class="img-responsive" src="image/dashboard-22.png" />
      </div>
    </div>
  </div>
</section>

0 个答案:

没有答案