iPadのサファリ水平ラインスクロール

サファリ5.1でシングルページアプリのスクロールゴムバンドを防ぎます

7月29日、2011

サファリ5.1の(Mac OS Xのライオン上の)ラバーバンドスクロールは、ウェブサイトや古き良きそばかすの時間追跡のような「クラシック」のWebアプリケーションのためのtehの素晴らしいです。しかし、私たちの今後の電子メールのようなものを新しもの好きの単一ページのアプリケーション(のための 自分のページのレイアウトを持っており、より多くのそれが迅速な方法で取得することができますデスクトップアプリのように見えることを目指しTwitterのサポートアプリ、チャーム)。あなたのアプリで(リストのような)垂直スクロールサブエレメントを使用するとき、それはあります。

ads

iPadのサファリ水平ラインスクロール

恐れることはありません、この小さなCSSスニペットは、ラバーバンドスクロールを無効にします:

もちろんこれは、body要素のすべてのスクロールを無効にしますので、あなたがオーバーフローであるラッパーのdivの必要があります:あなたのそれぞれのコンテンツの周囲に自動(オーバーフローを持つ要素:オートスクロールラバーバンドを使用しないでください)​​。

注目すべきは、オーバーフローを設定:スクロールは、垂直スクロールバーが下にすべての道を行くのではありませんように見えるようになります。スクロールコンテンツラッパーdivの上で自動:スクロールするか、単にオーバーフロー:ほとんどでは必要ないの水平方向のスクロールバー例-これに対する解決策がオーバーフロー-Yを使用することです放置部屋がありますので、これがあります。

これに関連して、新しい-webkit-オーバーフロースクロール:タッチプロパティがだけ、モバイルのSafari上でのiOSの次期リリースでは、ページ内の要素のシングルフィンガーラバーバンドスクロールを可能にします。このプロパティは、(私はそれがあまりにもそこにサポートされることを望む?まだ)デスクトップのSafariのスクロールの動作を変更しません。

関連記事

  • 私の画面は、私はほんの数時間のために私の新しいiPadを使用していると縦の細い黒線が画面に登場している垂直ブラックライン2010年9月8日を持っています。私は不良のiPadを持っていると推測します...

  • だからできる、あなたはそれを下に置きたいと思うことはありません。薄くて軽い、あなたがする必要はありません。だけではなく薄い表示。美しいディスプレイ。巨大なパワー。最小限のフォームで。最大10時間のバッテリーはありません...

  • 彼女のiPad 2の画面を壊した後、壊れたiPadの2014年2月16日メディアキャプションを修正するために私の探求は、のクリックLJリッチはそれを自分自身を修正する方法を学ぶことにしました。スマートフォンへの依存を考慮すると...

  • ゴープロジェクト管理でプロジェクトを管理するための最良のiPadのプロジェクト管理アプリは、少人数のチームと大企業の両方のために不可欠です。それは決める最も重要な要因の一つであります...

  • 私のiPhoneまたはiPod touchのためのベストのOfficeアプリケーションとは何ですか? 11月17日にマシュー・グアイにより、2010年は無駄にすることなく、iPhoneとiPod touchの提供のための主要なオフィスアプリケーションのすべてのものを見てみたいです...