Click here to Skip to main content
15,747,845 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi i want to put a facebook like box in my webpage but this box must scroll down with the page scrolling. As an example see the following links:[^][^]

see in the above example on the left side the fb, twitter, and google+ are in one box, and that box is scrolling when you scroll down the page.
i just want to know how to create that functionality.
Thanks in advance.

Hope you have the code for facebook like button .
if you dont have,go to[^]

If you want to fix a div,please write a
class or Id



change values for bottom ,top,padding etc for your desirable position.
Share this answer
saifullahiit 1-Jan-13 4:21am    
Thanks Magiccoder but this is not what i want, these are fixed tabs. As i mentioned that i want the button should scroll down when user scroll the page down. i also gave example links in my first post.
magiccoder 1-Jan-13 5:23am    
Hi ,
If you want the same like your example,then I hope my code will work fine.Just you need to adjust the values for bottom,top,right, or left.
You can also check the position:absolute; .

But I'm sure fixed or absolute will work fine.

Just try it and let me know your result.

I beleive you want to set that with your css if your placing your page properties/styles in there with the positioning as exampled here:

w3school Link
[Updated link so it works]
In addition to your left/right/top/ and margins/padding
Share this answer
saifullahiit 31-Dec-12 23:07pm    
your given link doesnt work, it redirects me to my own question page(
magiccoder 1-Jan-13 1:21am    
Hi wolfcoder,
The link you given is not working..

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900