views:

538

answers:

2

I am looking for a jQuery plugin which can serve me the floating share box functionality just like Mashable implement in their new design: http://mashable.com/2010/03/12/flickr-co-founders-startup-hunch-raises-10-million/.

In the left side on the page above Mashable has sharing options which stays on the screen when you scroll the page. I want to implement the same kind of functionality in my application, using a jQuery plugin.

How can I do that?

+1  A: 

The easiest solution might be something like this:

p.pos_fixed
{
     position:fixed;
     top:30px;
     right:5px;
}

(source: http://www.w3schools.com/css/tryit.asp?filename=trycss_position_fixed)

xiechao
but the problem is my elements position from TOP is not fixed, its variable?
Prashant
in that case, you might want to look up $(window).scrollTop(), $('#float').position().top, $('#float').css()
xiechao
A: 

you can see the site.to view how to set http://www.smecrusher.com

crusher