Trigger function when an DOM we reach the end of a DOM element

Asked May 12 '17 at 12:32

Active May 12 '17 at 12:34

Viewed 39 times

When we keep scrolling we will reach the end of divOne at a particular time. At that time I want the divTwo to be relative (Initially it is fixed). Here is my code. Please help

.divOne {
  height: 800px;
  width: 100%;
  background-color: #000;
}

.divTwo {
  height: 50px;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: brown;
}

.divThree {
  height: 100px;
  width: 100%;
  background-color: pink;
}

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="divOne"></div>
<div class="divTwo"></div>
<div class="divThree"></div>

edited May 12 '17 at 12:34

Satpal

132,252
13
159
168

asked May 12 '17 at 12:32

Santanu Biswas

1

`` ... you seem to have forgot your actual code – Jaromanda X May 12 '17 at 12:34
http://stackoverflow.com/questions/6271237/detecting-when-user-scrolls-to-bottom-of-div-with-jquery – tech2017 May 12 '17 at 12:34
That is not related. I want to trigger when the dom is scrolled to the end of the divOne. I don't want to scroll inside the divOne – Santanu Biswas May 12 '17 at 12:36

Trigger function when an DOM we reach the end of a DOM element

0 Answers0