ユーザーが下にスクロールしてもページの上部に留まる固定ヘッダーがあります。
ユーザーが特定のポイントを超えてスクロールすると、ヘッダーのメニュー部分を非表示にするスクリプトを作成したいと考えています。また、ユーザーが画面の上部にヒットした場合にメニューを再表示したいので、次のスクリプトを作成しました。
var lastmargintop = 0;
$(document).scroll(function() {
var margintop = $('#stickyheader').css('marginTop');
var margintop = parseInt(margintop, 10);
if(margintop > 10){
$('#menu').hide('fast');
}
if (lastmargintop < 10){
$('#menu').show('fast');
}
console.log(lastmargintop);
var lastmargintop = margintop;
});
しかし、変数は次のlastmargintop
ように表示されundefined
ます。なぜそうなるのかはわかりません。誰でも理由を教えてもらえますか?