iOS safariの暴虐 iOS safariでは、スクロールできる要素に対してスクロールバーを表示しないという正気を疑う挙動をします。 現代は端末幅にあわせてコンテンツの幅を柔軟に調整するのが一般的需要ですから、画面幅によっては運悪くちょうどキリのいいところで文章が切れてしまうことは十分にありえます。そんな場合、ユーザーはその要素がスクロール可能だとはまるで気づきません。 もちろん、iOSを使っている人間はそういう不自由さを受け入れる覚悟があるからApple製品を使っているのです。愛の前では使いにくいことなんて何の障害にもなりません。 しかしサービス運営者としては困りものです。Appleなんか好きでもなんでもなくても、そういう暴虐の限りを尽くした挙動にも対応できなければ「使いにくい」っつって文句言われたり、コンバージョン率が落ちたり、ビジネス的な損失につながるのです。無視したくても無視
![CSSだけでiOS Safariスクロールバー非表示に対処する新しいやり方 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/da0d4c10db18cf3e78809e7e9caea9c26323c275/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Q1NTJUUzJTgxJUEwJUUzJTgxJTkxJUUzJTgxJUE3aU9TJTIwU2FmYXJpJUUzJTgyJUI5JUUzJTgyJUFGJUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgzJTkwJUUzJTgzJUJDJUU5JTlEJTlFJUU4JUExJUE4JUU3JUE0JUJBJUUzJTgxJUFCJUU1JUFGJUJFJUU1JTg3JUE2JUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUIwJUUzJTgxJTk3JUUzJTgxJTg0JUUzJTgyJTg0JUUzJTgyJThBJUU2JTk2JUI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jMmYwMmEyMWRkNTIxYWQxMjcyODA3ZmZlYTVlZTAxYg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwYXJvd00mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTAyZDMzYjE0MDdiMWRhMzZjNDYyMjc3ZmQ1YzI2OWZh%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Df61e88e3096183230c31b00d67790df7)