私はjqueryが初めてで、次のコードをまとめて、設定されたスクロールダウン量の後にDIVを表示させました。上にスクロールすると、DIV は消えます。オプションで、DIV が表示されたら、それを閉じるためのリンクがあります。これはすべて意図したとおりに機能しますが、スクリプトを 1 回だけ実行したいという点は別として。今、上にスクロールすると、黄色いボックスが再び表示されます。ボックスが閉じたままになるようにするにはどうすればよいですか? 別のオプションとして、Cookie または localStorage を統合できますか?
どうもありがとう!ラス。
Javascript:
$(function () {
var target = $(".box");
if ($(window).scrollTop() > 30) {
target.hide();
}
$(window).scroll(function () {
var pos = $(window).scrollTop();
if (pos > 30) {
target.stop(true, true).fadeIn('slow');
} else {
target.stop(true, true).fadeOut('slow');
}
});
$('a.close').click(function () {
$($(this).attr('href')).slideUp();
return false;
});
});
ここに私のコードへのjsfiddleリンクがあります: jsfiddle link