###前提・実現したいこと
先般、slideUp・slideDownのmethodを教えていただいたのですが、
ウィンドウサイズでこれを解除できず非常に急ぎ、困っております。
ヘッダーを隠しておいて、オンマウスで出現、
768px以下では常時ヘッダーが出ているようにしたいです。
###該当のソースコード
先日教えていただいたコードでとても助かりました。
//slide $(function() { $('#header').hide(); $('#m_visual').hover( function(e){ $('#header').slideDown(); }, function(e) { $('#header').slideUp(); }); }); コード
こちらを改編してスマホ対応時(768px以下)には常時出現にしたいのですが、
上手く動きません。
試行したコード例
//slide $(function() { var x = 768; var xx = $(window).width(); $('#header').hide(); $('#m_visual').hover( function(e){ $('#header').slideDown(); }, function(e) { $('#header').slideUp(); }, function(e) { if (x <= xx) { $('#header').show(); } }); });
試行したコード例
$(function() { var x = 768; var ws = $(window).width(); if (x <= ws ) { $('#header').hide(); $('#m_visual').hover( function(e){ $('#header').slideDown(); }, function(e) { $('#header').slideUp(); }); } });
###試したこと
上記以外にも試したのですがうまくできなくて
ずっとハマっています。
すみません、どうか教えていただけないでしょうか。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/05 09:59
2017/12/05 11:23