Click here to Skip to main content
13,050,429 members (91,351 online)
Rate this:
Please Sign up or sign in to vote.
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.
Posted 31-Dec-12 4:06am
Rate this: bad
Please Sign up or sign in to vote.

Solution 2

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.
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.

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

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
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)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.170713.1 | Last Updated 11 Feb 2017
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100