「Live floating menu」小技。

備忘録。 メニューを固定位置に追随させるjQueryプラグイン「Live floating menu」の小技。 「ある程度(例:縦280 px分)スクロールしてから、追随しだす方法。」
#floatMenu {position:absolute;top:280px;left:30px;}
var name = "#floatMenu";
var menuYloc = null;
$(document).ready(function(){
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
$(window).scroll(function () {
if($(window).scrollTop() > menuYloc) {
offset = -280 + menuYloc+$(document).scrollTop()+"px";
$(name).animate({top:offset},{duration:500,queue:false});
}
else{
$(name).animate({top:280},{duration:500,queue:false});
}
});
});
|


コメントを残す


]