*Essence

どなるど 様へ * by aki

いつもご愛顧有難うございます。m(__)m

3D広告、旅費使ってまで見に来る程のものでもない気が…^^;
餃子を食べる目的であれば、ここの通りに有名処含めて5店有りますので価値はあるかも？
…けど、時間によってはその日の分が売り切れてたりして、行っても徒労に終わる事が有ります。(;^_^A

…と 話変わりますが、貴ブログの猫あるある、今まさに！左足のヒザが画像と同様の状態。
徐々に穴が大きく広がってます。。
これって、猫飼い的には普通の事なんですね…了解致しました…。(-_-)

* - 様へ * by aki

貴ブログにお返事致しましたので、お手数をお掛けしますが そちらをお読み下さい。m(__)m
お読みになったら、貴ブログ内の当方コメントは削除して頂いて構いません。

* - 様へ * by aki

テンプレートのご利用有難うございます。
突然不躾に訪問して、色んな指示を書き込んでしまって大変申し訳ございませんでした。
修正方法ですが、先ずHTMLを見てみますとコピペしてもらった箇所（HTML編集枠1/4程の所）に不要な終了タグが有るので、それを削除して下さい。
<!-- トップページ ここから-->の下方4行目以降

<div class="entry_date"><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>) <%topentry_hour>:<%topentry_minute><a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" rel="noopener"><span class="pen-link">✎</span></a>
</div>
</div>←これを削除する

もう一点、コメント投稿時間表示部分ですが、ゴメンナサイ！FC2の独自変数、間違えてました！
なので、もう一度修正をお願い致します。m(__)m（HTML編集枠半分より少し下の所）
<!--コメント表示-->の下方7行目以降

<%comment_year>-<%comment_month>-<%comment_day>-<%comment_hour>:<%comment_minute> * <%comment_name> <script>

に修正します。（<%topentry_～>になっているのを<%comment_～>に修正という事です。）
取り敢えずこの2つをやってみて頂けますか？宜しくお願い致します。

ねこ 様へ * by aki

当方の知人に、Vivaldy、IE(PC)、Chrome(NEC tablet 2台(新・旧 ブラウザ3種類))で閲覧確認して頂きました。どれも問題無く動作していたそうです。
ただ、こればっかりは全ての方が同じ閲覧環境に無いので、どこかで自身の線引きをしないといけませんよね。
例えば当方のテンプレートでも、IEの開発は今後されないですが、利用者がいる限りクロスブラウザを（且つ出来るだけ新旧）目指して作成しています。
が、ブラウザもデバイスも全て…は検証環境も無いですし、やっぱり無理です。(^^;

この度は『学びの機会』を頂き、有難うございました。
もし、より良い方法を見付けられましたら、是非！教えて下さいませ！
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m

ねこ 様へ * by aki

ねこ 様へ
お返事頂き有難うございます。
当方の手持ちiPhoneSEのsafariと、旦那所有iPad（縦でも2カラムになるので、横向きsafariのsplit viewを使って2画面にし、1カラム表示）で検証致しましたが、仰るような不具合が見受けられませんでした。（iOS ver12.2）
暗色背景タップで解除後、普通にタイムラグ無くスクロールもドロワー開閉も出来ました。
改変後のJavaScriptは下記のようになっております。

<script>
$(function(){$("#nav_open").click(function(){$("nav").css({display:"block"}).animate({top:"0",left:"0"},{duration:200,complete:function(){$("#nav_wrap").css({display:"block",position:"absolute","z-index":"4",top:"0",bottom:"0",right:"0",left:"0",background:"rgba(0,0,0,0.5)"})}});});$("#nav_close,#nav_wrap").click(function(){$("nav").animate({top:"0",left:"-270px"},{duration:200,complete:function(){$("#nav_wrap").css("display","none")}});})});
</script>
<script>
$(function(){var a;$("#nav_open").on("click",function(){a=$(window).scrollTop();$("body").addClass("fixed").css({top:-a});$("#nav_open").addClass("open")});$("#nav_close,#nav_wrap").on("click",function(){$("body").removeClass("fixed").css({top:0});window.scrollTo(0,a);$("#nav_open").removeClass("open")})});
</script>

それとCSSの　@media only screen and (max-width:749px) {　に
.fixed{
position:fixed;
width:100%;
height:100%;
}

を追加。参考サイトとの違いは、元々有る開閉scriptでメニュー下の背景を覆う部分#nav_wrapが有るので、それも.on("click",function()対象にするために$("#nav_close,#nav_wrap")としています。
当方はこれで動作しているのですが…挙動おかしいですか？
そうなると、申し訳無いのですが私の力量では難しいです。
あちこち見て廻りましたが、思うような記事の掲載が少ない上に既存JSの流用という訳にいかず、script及びCSSも一から見直さないと難しいようなので…やはりすぐには難しいです。
申し訳ございませんが、将来的なテンプレートの課題にさせて下さい。m(__)m

ねこ 様へ * by aki

お返事が遅くなりまして申し訳ございません。

使えそうなscriptを見付けましたので、只今このブログに適用しております。
参考サイト： http://illbenet.jp/view/83
一応、PCではGoogleChrome,IE10,Edge,Firefox,Opera,Safari5.1（windows 10）で確認。
SPもandroid,iPhone 共にスクロール位置で背景固定されています。

問題が無ければ、下記のようにscriptを改変して下さい。
（不具合が有った時のために複製を作っておくと安心です。）
HTML編集枠内下段、ドロワーメニューscript部分の#nav_wrapに有る、
$("body,html").css({overflow:"hidden",height:"100vh"})　と（オープン時）
$("body,html").css({overflow:"visible",height:"auto"})　を（クローズ時）削除（多分ここまでは既にされていると思います）し、その下に

<script>
$(function(){var a;$("#nav_open").on("click",function(){a=$(window).scrollTop();$("body").addClass("fixed").css({top:-a});$("#nav_open").addClass("open")});$("#nav_close,#nav_wrap").on("click",function(){$("body").removeClass("fixed").css({top:0});window.scrollTo(0,a);$("#nav_open").removeClass("open")})});
</script>

を追加します。そして、スタイルシート編集枠内3/4程スクロールした所に
/* ドロワーメニュー部分 */　という文言が有りますので、この下辺りにでも

.fixed{
position:fixed;
width:100%;
height:100%;
}

と追加して更新して下さい。
これでスクロールの途中でも背景は止まっていると思うのですが…如何でしょう？(^-^;
ご確認頂き、不具合が無いかご連絡頂ければ幸いです。

ねこ 様へ * by aki

こちらこそ初めまして♪ご訪問頂き、誠に有難うございます。

SP閲覧ではやっぱりドロワーメニューの方が使い易い…という個人的な好みで、ほぼ同じようなドロワーメニューをレスポンシブテンプレートに導入しております。
しかしながら、当方JSに明るくないため、背景スクロールを「その位置で」止める方法を色々模索しているのですが、なかなか辿り着けません。。
例えばこのブログで試しているのですが、敢えて背景を固定しない、というのはどうでしょう？
実際に閲覧ブラウザで、このブログの幅を狭めて確認してみて下さい。
（1カラム表示時のbodyにスクロールバー非表示のcssを追加しています。ドロワーメニューの操作をするだけなら背景はそこで止まってます、が…マウスホイール動かせばスクロールしてしまいます。あくまでも”非表示”なので…。）(^-^;
SPでの閲覧はマウスホイールで動かす事が無いので、PC程は気にならない…と思います。
（ほぼ画面がメニューで占有されますし。）
如何でしょう？^^;

もう少し方法を探してみますので、暫くお待ち頂けますか？

トーフスキー 様へ * by aki

わざわざコメント頂き有難うございます。
そして、貴殿のコメントで重大なミスに気付きました。有難うございます！
本日の記事で言及しておりますので、詳しくはそちらをご覧頂き、お手数ですが修正の程 宜しくお願い致します。m(__)m

…この度コメントで頂かなかったら、ず～～っと（指摘されるまで）分からなかったと思います。(-_-;)
本当に有難うございました！
（改めて、貴ブログに伺います。記事も楽しみですし。）

yomogimochi1012 様へ * by aki

はなちゃんもいなばさんも相変わらず、ですが、ウサギのいなばさんは満11歳になりました♪
活発な動きは無くなりましたが、ご飯をもらう時ばかりは座布団の周りをグルグルと走ります。(^-^)
食欲が有るのはとっても大事♪頑張って長生きして欲しいです。

年度の変わり目は『免許取りたてほやほや』な子供達が路上に増えます。
自分にもそんな時期が随分と昔に有りましたが、車を運転する事はゲームセンターや自宅のゲーム機で運転するのと訳が違うのを自覚して欲しいですね。
息子にスマホで呼び出されたお父さん（らしき人）、車の保険料…全年齢担保なのに3等級downで次の年すっごく上がりますよ。車の修理費も馬鹿にならないし。
…でも、お互いの身が無事で良かったね～！と、素直に私も親心で思います。

本当に、モノだけで良かった…

事故は本人だけで無く 家族の負担も大きいもの、被害者にも加害者にも なったらいけない…それを初心者マークの彼にも分かって欲しいです。

どなるど 様へ * by aki

見た目に怪我は無いようですが、交通事故は後で出て来る事も有りますので、「痛い所が有ったらすぐに医者行け」と申しておきました。
歳とってくるとすぐに痛みが出ないもんで。^^;

そうなんですよね。自分が安全運転でも何が起こるか分からない怖さが有ります。
そこで『ドライブレコーダー』、必要ですよね！
ただ、音声ONで車内の声が良くも悪くも録れちゃって…裁判時に悪質な運転の証拠になる場合も有れば、お巡りさんと相手の前で再生時に歌ってる自分の声が流れて恥ずかしかったという話も。
どっちが良いのでしょうねぇ。。因みに私は車内で熱唱派。(;´∀｀)