Float(fixed) panel while scroll in web page

Feb 28, 2013

We could see too many sites which has float fixed panel in web page. such as:

the share button and next button in thenextweb
the navigate and share button on the top in LINKCHIC

Of course,if u want the panel to stay,u should set the css position to fixed

First we need a JS function

function stay_there(){
	h = $(document).scrollTop();
	(h > 178) ? $('.operate_zone').css('position','fixed').css('top',40) : $('.operate_zone').css('position','relative').css('top',0);
}

Then,we need it to work.

$(document).ready( function($) {
	stay_there();
}

Done!