【javaScript】でスクロールを禁止にする（PC、スマホ対応） | とんプログラミング
そこで今回は、スマホでもスクロール（タッチ操作）禁止にする方法を紹介します。 スマホの場合は、cssではなくjavaScriptでの実装が必要です。 以下のソースのno_scroll()を初期化処理などで呼び出せば、PC、スマホでスクロールができなくなります。 スクロール禁止を解除したい場合は「return_scroll()」を呼び出せばOKです。 [index.js] // スクロール禁止 function no_scroll() { // PCでのスクロール禁止 document.addEventListener("mousewheel", scroll_control, { passive: false }); // スマホでのタッチ操作でのスクロール禁止 document.addEventListener("touchmove", scroll_control, { passive
視野が広がるCSSの妙 〜pointer-events 編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのザワです。 知っている人は知っているが、知らない人には耳障りな、いや、耳寄りな情報。そんな生活にちょっとの潤いをもたらすことを目的に始めたこのシリーズ、CSSの妙。 2回目の今回はpointer-events編です。最近では1サイト作るときには必ずといっていいほど、登場します。対応していないブラウザはほぼないので、使いたいときに使いたい放題です。 対応ブラウザ でも、pointer-eventsってなにものなの？ お得なの？ という世の中の奥さんの不満をまずは払拭したいと思います。pointer-events、ざっくり説明すると、指定した要素にマウスカーソルをを乗せたときの挙動を制御します。 それだけでは崇拝すべきpointer-eventsのすごさが伝わりづらいので、さっそくデモを見ていきましょう。 デモ さて、pointer-eventsで気にする
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
