モバイルメニュー　修正　２回タップ　iso

iOS Safariで、リンクメニュー項目が2タップしないとリンク動作しないトラブル対応

という項目が色々あったが

現状では ios で　fixed したメニューでそうなっていた

スクロール中は止まるという動作となるので、それも勘違い項目

解決法

念の為

base.lessに

////////iso  fixed タッチ用iso  fixed タッチ用iso  fixed タッチ用iso  fixed タッチ用
@media screen and (min-width: 737px){
    a:hover  {
	color: @link_hover_color;
	text-decoration: underline;
}

////////////////////////////////イメージホバー透明////////////////////////////////

a img:hover{
	opacity:0.7;
filter: alpha(opacity=70);        //ie lt 8
-ms-filter: "alpha(opacity=70)";  //ie 8
-moz-opacity:0.7;                 //FF lt 1.5, Netscape
-khtml-opacity: 0.7;              //Safari 1.x 
}


a:hover img{

	
	opacity:0.7;
filter: alpha(opacity=70);        // ie lt 8 
-ms-filter: "alpha(opacity=70)";  // ie 8 
-moz-opacity:0.7;                 // FF lt 1.5, Netscape 
-khtml-opacity: 0.7;              // Safari 1.x 
}


//透明化させない
a:hover img.no_dhover,#img_box2 img{
opacity:1;
filter: alpha(opacity=100);        // ie lt 8 
-ms-filter: "alpha(opacity=100)";  // ie 8 
-moz-opacity:1;                 // FF lt 1.5, Netscape 
-khtml-opacity: 1;              // Safari 1.x
	}


//透明化少し
a:hover img.no_hover2 {
opacity:0.9;
filter: alpha(opacity=90);        // ie lt 8 
-ms-filter: "alpha(opacity=90)";  // ie 8 
-moz-opacity:0.9;                 // FF lt 1.5, Netscape 
-khtml-opacity: 0.9;              // Safari 1.x 
	}


    }//@media screen 737px 以上はこれ  

////////iso  fixed タッチ用iso  fixed タッチ用iso  fixed タッチ用iso  fixed タッチ用

とし、スマホのホバーをデフォルトを解除

 

モバイルメニューはこれで治らず、

JSを更新したら治った

 

変更点

jsファイル更新

jquery.sidr.min.js

jquery.sidr.dark.css

一応jquery.sidr.light.css　jquery.sidr.bare.css

d_mob_menu_css.css　は 300pxに変更

 

変更すればいけたが、追加でJSで最初見えないようにした　ででてきたから

https://www.j-cool.co.jp/blog/?p=646

.mob_menu{ display:none}

$(document).ready(function() {
      $('#sidr').fadeIn(1000);
  $('.simple-menu').sidr({side: 'right'});
});

参考にならなかった参考下記

https://www.plusdesign.co.jp/blog/?p=1710#spMenu

sidr.jsの使い方(横からスライドするメニュー)

本家　https://www.berriart.com/sidr/