tsumazuki

（Android 4.1.2 標準ブラウザで確認）

FontAwsomeの<i class=“fa“></i>タグを追加する形。

・PC 透過画像を上にかぶせ、ドラッグアンドドロップでの ダウンロードも防ぎます。

.voidDownload { position: relative; } .voidDownload:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0);/for ie9/ }

・iphone、Android ライトボックス部分は、長押しで画像への直接のリンクを防止。 ライトボックスを開いた後は、長押しでダウンロードできるのを防止しています。

var $img = $('.cboxPhoto'); var timer; $img.on("touchstart",function(){ timer = setTimeout(function(){ },500); return false; }); $img.on("touchend",function(){ clearTimeout(timer); return false; }); //PCにてスマホ表示の際の右クリックダウンロード防止 $img.on("contextmenu",function(){ return false; });

Android（4.1.2）では画像の上に透明の要素をかぶせても、 長押しするとその下の画像をダウンロードできる。

IE9では疑似要素を作ってもなぜか分からないけど 存在しないか高さがないので、背景色をつける。 noneもtransparentもなぜかだめだったので、rgbaで。

touchstart時もしくはtouchmove時にe.preventDefault()

そうするとiphoneの惰性スクロールまでなくなる

androidはスクロール自体しなくなったり

firefox.exe -no-remote -p

ieで、onYouTubeIframeAPIReadyがページのリロードの仕方によって、実行されない・・・。

iframe_apiの読み込みjsを、onYouTubeIframeAPIReadyを記述しているjsファイルと同じ場所で書くと上手くいった

$('body').animate({    scrollTop: 100 });

→jquery-1.9だと動くけど、jquery-1.11.1だとだめだった。

$('html').animate({   scrollTop: reverseOffsetTop + conf.scrollAdjust });

$elm.append(

  $('<div><img src=“’+ i +’”>’).css({                            left:(sliceWidth*i)+'px'                        })

);

テーブルのレスポンシブ対応。

.itemList li.nth3, .itemList li:nth-child(3n) {     border-right: none; }

みたいな一緒に書くのやめて、

.itemList li.nth3 {     border-right: none; } .itemList li:nth-child(3n) {     border-right: none; }

placeholderだけに別のスタイルを適用するときは ブラウザにあわせて3種類の指定をします。

::-webkit-input-placeholder :-ms-input-placeholder ::-moz-placeholder

擬似要素をあらわすコロンの数がちがうと適用されないので注意。