生成AIを活用したSaaSサービス提供企業

  • Company
    • Company
    • 会社概要
    • グループ会社
  • Service
  • Work
  • News
  • Recruit
  • Blog
  • Contact

ブログBlog

  • ALL

  • お知らせ

  • 技術/デザイン/制作

  • ベトナム

  • ごはん

  • 日常/プライベート

    伊藤 博孝投稿者 伊藤 博孝

    投稿日: 2015/04/102017/03/28

    カテゴリー 技術 / デザイン / 制作タグ CSS3

    CSS3で慣性スクロール

    こんにちは伊藤です。

    ちょっとメモがてら残しておきます。

    スマホサイト制作でポップアップなど、
    コンテンツがオーバーフローしたときに
    スクロールバーを表示させるケースがあると思います。


    そのコンテンツのスクロールの仕方を設定しないと、
    iPhoneやAndoroidで動きが鈍くカクカクします。

    CSS3でスムーズにするのがこちら。

    -webkit-overflow-scrolling: touch;

    値を「touch」することで慣性スクロールを再現するようです。

    ※ただし、Andoroid2系だと端末によって、
    動きが鈍くなりあまりよくないです。

    その場合はこちらを使用すれば解決するようです。
    Androidでoverflowした要素をスクロール可能にするjQueryプラグイン
    実際検証までは出来ていません。

    短いですが以上になります。

    ではでは。

    このエントリーをはてなブックマークに追加
    Share on Tumblr
    Tweet

    投稿ナビゲーション

    前 過去の投稿: アプリ紹介「クッキーラン」
    次 次の投稿: 佐々木が手放せないアプリ達

スタッフ一覧

  • 伊藤 康平
  • 伊藤 博孝
  • 山下 祐典
  • 川勝 潤治
  • 板羽 晃司
  • 里山 智秋
  • 加藤 彰則
  • 聖岡野
  • 稲葉彩乃
  • 橘野茜
  • トラン タン トゥアン
  • フィン タン ヴァン
  • 花島君俊
  • 稲垣健太
  • 小林紀子
  • 中里隆史
  • 採用
  • 山中和佳子
  • kmoriya
  • Mai VanNhan
  • 本多誠浩
  • rukishima
  • S
  • Nguyen ThanhTam
  • PVDuy
  • 中野大地
  • PVSTay
  • Khuc TienMinh
  • 河野七海
  • 島貫愛弓
  • 佐藤康太
  • 野見山敬介
  • Le HaiLong
  • Ho Thi CamTu
  • staff
  • 原田寛生
  • ゆう
  • 横田将彦
  • 吉永あつみ