ブラウザサイズ変更時のブレイクポイントの切り替えの際の挙動がおかしい

Question

前提・実現したいこと

レスポンシブサイトを構築中ですが、
PC上でブラウザサイズを変更している際、ブレイクポイントでの切り替え時に
瞬間的に切り替わらず、要素が遅延して移動表示されていきます。

瞬間的に切り替わるようにするためにはどのようにすれば良いでしょうか？

原因が全く特定できていないため、該当コード等も記載できない状態です。

試したこと

cssのtransition-delayに原因があるのではと考えましたが
外してみても変化いたしませんでした。

Comments

[yambejp]

ソースがないと、回答のしようがない案件だと思います

Answer 1

原因がわかりました。
フェードイン機能を別に実装していたのですが、それが影響していたようです。
外したところ現象がなくなりました。
別質問にてこの影響がなぜ発生しているのか、回避する方法について質問します。

//fadein
$(function(){
	$(window).scroll(function (){
		$('.fadein').each(function(){
			var elemPos = $(this).offset().top;
			var scroll = $(window).scrollTop();
			var windowHeight = $(window).height();
			if (scroll > elemPos - windowHeight + 200){
				$(this).addClass('scrollin');
			}
		});
	});
});