1. Side positioning generally we can use position: fixed; but sometimes not, such as I need the div that I need to scroll is positioned inside the whole, if it's relative to the entire screen, as follows:

It's a viewleftshare, and ct is just one of the many div.

<div id="ct" style="height: 3000px;width: 100%;position: relative;">

 <div id="viewleftshare" style="width: 200px;height: 360px;background: gold;position: absolute;left: 0;top: 100px;"></div>

 <div style="width: 500px;float: left;margin-left: 220px;">




2. We can use js to dynamically make the div that you want to scroll.

<script type="text/javascript"> 


 var ct=document.getElementById("ct"); 

 var oDiv=document.getElementById("viewleftshare"); 

 var height=ct.offsetHeight;

 var top = document.body.scrollTop;

 console.log(height - top)

 if(height - top <= 450){ = height - 450 +'px';

 }else{ = top + 100 +'px';




3. If you want to animate, you can:

#viewleftshare{transition: all ease 0.5s;}

Copyright © 2011 Dowemo All rights reserved.    Creative Commons   AboutUs