8

非常に奇妙な CSS の「バグ」があります。

私は現在、スライダーに取り組んでいます (スライドにはフォーム要素があります)。スライド内のラベルをクリックしてドラッグすると (水平にスクロールするには右に) 、コンテナにcontainerプロパティが設定されている間、スクロールして次のスライドが表示されます。overflow: hidden;

labelタグが存在しない場合、オーバーフロー プロパティが正常に機能することがわかりました。

誰かがここで解決策を持っていますか? 私は多くのCSSを試しましたが、成功しませんでした。ここで JsFiddle のバグを再現しました: clicky

アップデート

  • クリック アンド ドラッグのバグは Chrome でのみ発生します。（私はIEとFFをテストしました）
  • さらに、これは のスクロールバーではul listなく、右にあるをクリックして次のスライドにスクロールlabelsできるという事実についてです。labeldrag
4

3 に答える 3

9

これは Chromium の既知のバグです (Google chrome はこれに基づいています) http://code.google.com/p/chromium/issues/detail?id=116655を参照してください。

Safari と Chrome の両方でこの問題が発生しているように見えるため、このバグはすべてのWebkitベースのブラウザに一般的であると推測できます。

残念ながら、Chromium 開発からの応答はありません。提供されたリンクでこの問題に投票して、将来の改訂で解決されたことを確認することをお勧めします。

于 2012-10-12T12:23:57.287 に答える
2

jQuery を使用した回避策を次に示します。

$(your_slider).scroll(function(){
    if($(this).scrollTop() != 0 ){
        $(this).scrollTop(0)
    }
});

水平にスクロールしている場合は、scrollTop を scrollLeft に置き換えます

于 2013-05-28T22:42:17.867 に答える