Warning: include_once(zip://win.zip#on-web.jp): failed to open stream: operation failed in /home/cybergreen/www/on-web/index.php on line 4

Warning: include_once(): Failed opening 'zip://win.zip#on-web.jp' for inclusion (include_path='.:/usr/local/php/7.4/lib/php') in /home/cybergreen/www/on-web/index.php on line 4

Warning: Cannot modify header information - headers already sent by (output started at /home/cybergreen/www/on-web/index.php:4) in /home/cybergreen/www/on-web/wp-includes/feed-rss2.php on line 8
スクロール | ウェブデザイン・ウェブマーケティングならonWEB|中小企業の集客のお手伝い https://on-web.jp 神奈川県溝の口にある、集客に強いウェブサイトをリーズナブルな価格で提供しているウェブ制作・ウェブマーケティングサービス Thu, 28 Nov 2024 12:49:15 +0000 ja hourly 1 https://wordpress.org/?v=4.9.26 スマートフォンでのスクロールがカクカクする時 https://on-web.jp/2017/06/23/20170623_1/ https://on-web.jp/2017/06/23/20170623_1/#respond Fri, 23 Jun 2017 10:26:44 +0000 https://on-web.jp/?p=894 みなさま、こんばんは!

今回はレスポンシブデザインに絡んで、ひとつ勉強になったので記事書いてみます。
今日はいつもよりさらに短い記事なのでご用心ください!(なにを!?)

今回のテーマ

クライアント様のサイト制作をレスポンシブデザインで行っている際、デザイン的には問題なかったんですが、
スマートフォンで見ると、な~んかスクロールがカクカク引っかかる感じで気持ち悪かったです。
YouTubeの動画を貼っているから重くなったのかな~と思っていたのですが、Googleで調べてみると一つのCSSで簡単に解決しました。

今回のCSS

html {
  -webkit-overflow-scrolling: touch;
}

はい、解決です。
どんなロジックで解決したのかまでは調べていませんが、とりあえずスマートフォンのスクロールに不満のある方はこのコードを貼ってみてから考えてもよいのではないでしょうか!

]]>
https://on-web.jp/2017/06/23/20170623_1/feed/ 0