Numerous sticky scrolling divs jQuery -


i want make website homepage shall display part of many posts. posts on left side , social buttons on right side. social buttons remain fixed long part of post finished. can understand me better viewing jsfiddle @ http://jsfiddle.net/uhcsa/ . following code :-

<div class="container"> <div class="left-content">     example content<br />     example content<br /> </div>  <div class="right-content">     right content. want scroll down user scrolls till         end of main div </div>  </div> 

this part of code. please view entire code , output in jsfiddle. in advance.

you can use below css set particular div scrollable , 1 fixed.

<style type="text/css">     .scrollable {         width: 200px;         height: 200px;         background: #333;         overflow: scroll;     }     .fixed {         position: absolute;         top: 180px;         width: 200px;         height: 20px;         background: #fa2;     } </style> <div class="scrollable">     im scrollable<br><br>     im scrollable<br><br>     im scrollable<br><br>     im scrollable<br><br>     im scrollable<br><br>     im scrollable<br><br>     <div class="fixed">and i'm fixed</div> </div> 

thanks,

siva


Comments

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

Automatically create pages in phpfox -

c# - Farseer ContactListener is not working -