スクロールメニューが動作していない（表示）ウィンドウのスクロールを設定するとき - jquery、html

私はスティッキメニューに取り組んでいます。最初は非表示になっており、ユーザーがページを下または上にスクロールしてメインメニューから離れるときに表示したいと考えています。 ここに私のJqueryコードです：

$(window).on("scroll",function() {

if ($(this).scroll() >= 100) {
$("#sticky").show();
} else {
$("sticky").hide();
}
});

私はそれをより明確にするためにイメージを添付しました！ ]1

回答：

変更機能

$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 100) {
$("#sticky").show();
} else {
$("sticky").hide();
}
});