scrollify.js レスポンシブ

Question

scrollify.js を使用してclass=sectionごとにスクロールさせています。

ウィンドウ幅が500px以上でスクロールさせ、それ以外ではさせないようにしたいです。
下記のように記述しているのですが、
ページを開くと崩れてしまっていて、ウィンドウを少しでも縮めたりすると
綺麗なレイアウトに戻り、スクロールも動作するようになります。

そのまま画面を縮めて500px以下にすると
記述通り、動作はされなくなります。

どこか書き方が間違っているなど詳しく教えていただけると嬉しいです。
まだ知識が浅いため、わかりやすく教えていただけると尚助かります(Ｔ_Ｔ)

$(function() {
    var w = $(window).width();
    var x = 500;
    if (x <= w) {//500px以上で動作させる
			$.scrollify({
				section : ".section",
				sectionName : "section-name",
				easing: "easeOutExpo",
				scrollSpeed: 1000,
				offset : 0,
				scrollbars: true,
				before:function() {},
				after:function() {}
		});
    } else {//それ以外は動作させない
			$.scrollify.disable();			
    }
});

よろしくお願いします。

Comments

[kei344]

回答が付いた質問の編集は慎重に行ってください。質問文のコードについて回答にて指摘があった場合は「追記」し、元のコードを編集する場合も「直したこと」がわかるようにしてください。

[RR_KK]

どこからどのように「追記」を記入したらよいのでしょう？質問のタイトルの下の「編集」のところに修正した箇所の記入をしたのですが、それではいけないということですか？

[kei344]

質問内容と回答の受け答えがずれるため、後から見た方にとっては何について回答しているかがわかりにくくなります。

Answer 1

判定内においても

$(function(){
})

で囲ってますが、不要です。

Comments

[RR_KK]

ㇵッ、ありがとうございます。汗