2

私はこの質問に対する答えを見つけようとしましたが、成功しませんでした。

MobileSafari で webview 用にいくつかの web ページをプログラミングしています。そのように機能を無効にする目的の C にアクセスできません。

スムーズなスクロール ページ エクスペリエンス、または通常のスクロール ページ エクスペリエンスを提供したいのですが、ユーザーがページの上部または下部を超えてドラッグしたり、空白が表示されて「跳ね返ったり」することを許可したくありません。

これに対する良い解決策はありますか?

ありがとうございました。

4

2 に答える 2

3

iScroll 4 (およびデモ)をご覧ください。固定幅/高さ領域でコンテンツをスクロールするために使用されるフレームワークです。ただし、バウンス効果を無効にできるため、問題も解決するはずです。

バウンス効果を無効にする方法は、「パラメーターを ISCROLL に渡す」で説明されています。これらの 2 つのパラメーターは興味深いはずです。

  • バウンス、境界外へのバウンスを有効/無効にします。デフォルト: 真。
  • fixedScrollbar、iOS では、スクロールバーの境界を越えてドラッグすると、スクロールバーが縮小します。これを true に設定すると、スクロールバーが表示領域の外に移動するのを防ぎます (Android のように)。デフォルト: Android では true、iOS では false。

アップデート

ブラウザのスクロールに代わる jQuery プラグインであるNicescrollを偶然見つけました。デフォルトでは跳ね返りませんが、オンまたはオフにすることができます。

于 2013-05-03T23:33:08.770 に答える
0

スクローラースクリプトは次のようです:

すべての DOM 構造で機能するとは限りません。または、少なくともより複雑なものではありません。理由はわかりませんが、コードやその他のランダムな Web ページに適用できませんでした。

しかし、バウンス効果を無効にしてスクロール アニメーションをエミュレートする小さな JavaScript ヘルパーを作成しました。

noBounce.js

ここにがあります。

依存関係がないため、インポートは非​​常に簡単です。HTML に追加するだけです。

<script src="js/noBounce.js" type="text/javascript"></script>

そして、あなたのJavaScriptのどこかで実行してください:

noBounce.init({preventDefault: false, animate: true});

を設定する必要がありますpreventDefault: false。そうしないと、ボタンが機能しなくなります。

于 2013-05-08T22:24:05.033 に答える