備忘録。 メニューを固定位置に追随させる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});
}
});
});

JQuery | js
前の記事へ 次の記事へ

---