気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
モーダルを開いている時に背面コンテンツのスクロールを抑制する方法
51 users
zenn.dev/tak_dcxi
zenn.dev/tak_dcxi
zenn.dev/tak_dcxi
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
TAK(@tak_dcxi)です。 モーダルやドロワーメニューを開いている時に背面コンテンツが勝手にスクロールさ... TAK(@tak_dcxi)です。 モーダルやドロワーメニューを開いている時に背面コンテンツが勝手にスクロールされるとヘイトポイント溜まりがちなので、ユーザビリティ向上のためにも背面コンテンツのスクロールは抑制しておきましょう。 結論 // ドキュメントの書字方向を取得し、縦書きかどうかを判定 const isVerticalWritingMode = (): boolean => { const writingMode = window.getComputedStyle(document.documentElement).writingMode return writingMode.includes('vertical') } // スクロールバーの幅を計算する const getScrollBarSize = (): number => { const scrollBarXSize =
zenn.dev/tak_dcxi
zenn.dev/tak_dcxi
zenn.dev/tak_dcxi
zenn.dev/tak_dcxi
kuruma-news.jp
nlab.itmedia.co.jp
www.nhk.or.jp
www3.nhk.or.jp
falsandtru.hatenablog.com
forest.watch.impress.co.jp
joisino.hatenablog.com
note.com/shunkurosaki
techblog.enechain.com
techblog.tver.co.jp
srest.io
engineers.ntt.com
d-jasper.hatenablog.com
shiminrengo.com
kdm-a.com
2021/01/23 リンク