前提・実現したいこと
animatedModal.jsを使用したボタンをクリック後bodyが上にスワイプしないようにしたい。
発生している問題・エラーメッセージ
上記のホームページに置いて、3つのサークルをクリック後、
body全体が上にスワイプされてしまう。
該当のソースコード
下記はページのセクションごとにheightを100%表示させるものになっています。
jQuery(function($){ var winH = $(window).height(); $('.top_wrap').outerHeight($(window).height()); $(window).on('resize',function(){ winH = $(window).height(); $('.top_wrap').outerHeight(winH); }); }); jQuery(function($){ var winH = $(window).height(); $('.about_contain').outerHeight($(window).height()); $(window).on('resize',function(){ winH = $(window).height(); $('.about_contain').outerHeight(winH); }); }); jQuery(function($){ var winH = $(window).height(); $('.contact_wrapper').outerHeight($(window).height()); $(window).on('resize',function(){ winH = $(window).height(); $('.contact_wrapper').outerHeight(winH); }); });
試したこと
CSSだけを用いて、各セクション(top,about me, contact)
にheight:100%;
を用いたが、jquery内で実現させたいです。
あなたの回答
tips
プレビュー