iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
スマホでタッチによるスクロール操作を無効化する - Qiita
// 禁止 $('#hoge').on('touchmove.noScroll', function(e) { e.preventDefault(); }); // 解除 $('#hoge').off('.noScroll');
jQuery を使ってスマホでのスクロールを禁止する方法 - Webrawl
PC の場合 overflow: hidden; でスクロールバーを隠せばスクロールさせなくすることが可能ですが、スマホの場合は jQuery を使用するのが最も簡単です。 以下のタグをスクロールさせたくないタイミングやスクロールを解除するタイミングに記述するだけでスクロールのオンオフが切り替えられます。 // Scroll Off $(window).on('touchmove.noScroll', function(e) { e.preventDefault(); }); // Scroll On $(window).off('.noScroll'); $(window) 部分は id で要素を指定すれば特定の部分のみスクロール不可にもできるはずです。 このサイトでもスマホでメニューを開いてるときはスクロールできない仕様にしてありますので、確認してみてください。
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【JavaScript】要素の位置にスクロールする at softelメモ
