0

この「けいれん」とは何ですか - このページを一番上までスクロールします。Mac を使用している場合は、2 本の指を使用してさらに上にスクロールします... ページはさらに上にスクロールし (ページは下に移動します)、灰色の領域が表示され、タッチパッドから指を離すと跳ね返ります。

質問は、CSS または JavaScript でこの「けいれん」効果を防ぐにはどうすればよいですか?

facebook や pinterest にアクセスして画像をクリックすると、ライトボックスが表示されるので、それが可能であることはわかっています。そのライトボックスの「モード」では、この「けいれん」効果は得られません。

最初は、ライトボックスまたは CSS 固定ポジショニングと関係があると思っていましたが、http://lokeshdhakar.com/projects/lightbox2/「モード」でも「ぎくしゃく」します。fb と pinterest はどのようにそれを行いましたか?

ps。クロムまたはサファリを使用してください。firefox にはこの効果はありません。

4

1 に答える 1

1

Facebook は、画像が表示されたときに文書本文に CSS 属性「overflow: hidden」を設定することでこれを実現しているようです。次の CSS を HTML ファイルに追加して自分でテストしたところ、バウンスバック スクロールが無効になりました。

<style type="text/css">
body {
    overflow: hidden;
}
</style>

もちろん、これにより、ページがまったくスクロールできなくなります。Quentin に同意します。これは標準の UI 動作であり、正当な理由がない限り変更しないでください。

于 2012-09-05T09:07:15.440 に答える