【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
Turbo Boost Switcher - Turbo Boostをメニューバーから制御
macOSにはTurbo Boostという機能があります。一時的にCPUを標準クロック以上の速度で動作させて、スピードアップをはかるものです。処理速度は速くなりますが、バッテリーの消費はもちろん増えてしまいます。 別にTurbo Boostは不要だと感じている方はTurbo Boost Switcherを使って制御しましょう。 Turbo Boost Switcherの使い方 設定はメニューバーで行います。選択するだけで無効にできます。 グラフも見られます。 Turbo BoostはmacOS側で自動的に行われるので、Turbo Boost Switcherを使って無効にしておくことで、温度が高まるのを防いだり、ファンの速度を押さえたままにできます。長時間動作させたい、温度を押さえたい時に使うとよさそうです。 Turbo Boost SwitcherはmacOS用、Objective-C製
jsoff - JavaScriptオンオフを切り替えるGoogle Chrome機能拡張
JavaScriptが高機能化し、もはやJavaScriptを使っていないWebサイトが見当たらないくらいです。しかし、だからこそJavaScriptをオフにした状態でどう表示されるのか気になることがあります。 Google ChromeでJavaScriptをオフにするのは開発者ツールを使わないといけないですが、jsoffを使えば簡単に設定を切り替えられます。 jsoffの使い方 インストールするとツールバーにアイコンが表示されるようになります。 オンオフすると、リロードなしに反映されます。 リロードせずにJavaScriptのオンオフを切り替えられるのは意外と便利です。Webアプリケーションとして開発している場合は気になりませんが、メディアサイトなどの場合はJavaScriptが無効になった状態でも閲覧できるかどうかは大事でしょう。そんな時に確認に便利です。 jsoffはGoogle
視野が広がる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ページを開く
