Click here to Skip to main content
Sign Up to vote bad
good
See more: HTML
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:06


2 solutions

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
 class or Id

 
eg:
.fixedDiv
{
position:fixed;
 bottom:0px;
 
}
 
change values for bottom ,top,padding etc for your desirable position.
  Permalink  
Comments
saifullahiit - 1 Jan '13 - 4:21
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:23
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 http://w3schools.com/css/css_positioning.asp
[Updated link so it works]
In addition to your left/right/top/ and margins/padding
  Permalink  
Comments
saifullahiit - 31 Dec '12 - 23:07
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:21
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
Your Filters
Interested
Ignored
     
0 OriginalGriff 355
1 Sergey Alexandrovich Kryukov 338
2 Arun Vasu 315
3 Maciej Los 208
4 Aarti Meswania 180
0 Sergey Alexandrovich Kryukov 9,755
1 OriginalGriff 7,549
2 CPallini 4,018
3 Rohan Leuva 3,362
4 Maciej Los 2,951


Advertise | Privacy | Mobile
Web03 | 2.6.130523.1 | Last Updated 1 Jan 2013
Copyright © CodeProject, 1999-2013
All Rights Reserved. Terms of Use
Layout: fixed | fluid