scroll facebook box with page scrolling

Question

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:
http://www.houzz.com/ideabooks/5953067/list?utm_source=Houzz&utm_campaign=u210&utm_medium=email&utm_content=gallery0[^]

http://download.cnet.com/hotspot-shield/[^]

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

saifullahiit

Add a Solution

2 solutions

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 http://w3schools.com/css/css_positioning.asp
[Updated link so it works]
In addition to your left/right/top/ and margins/padding

Posted 31-Dec-12 7:23am

M.Edmison

Updated 1-Jan-13 7:57am

v2

Comments

saifullahiit 31-Dec-12 23:07pm

your given link doesnt work, it redirects me to my own question page(http://www.codeproject.com/Answers/519275/W3School#answer1)

magiccoder 1-Jan-13 1:21am

Hi wolfcoder,
The link you given is not working..

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

magiccoder · Accepted Answer · 2012-12-31T19:29:00

Solution 2

Hi,
Hope you have the code for facebook like button .
if you dont have,go to http://developers.facebook.com/web/[^]

If you want to fix a div,please write a

HTML

class or Id

eg:
.fixedDiv
{

C#

position:fixed;
 bottom:0px;

}

change values for bottom ,top,padding etc for your desirable position.

Posted 31-Dec-12 19:29pm

magiccoder

Comments

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.