4

スムーズなdivスクロールがあるdivにある場合、ブートストラップポップオーバーでz-indexが機能しないようです。私は非常に高い値を入れてみましたが、すべてのcssを調べて、ポップオーバーよりも高いz-indexがあるかどうかを確認しましたが、成功しませんでした。

Javascript：

$(".project").smoothDivScroll({
    mousewheelScrolling: "allDirections",
    hotSpotScrolling: false,
    touchScrolling: true
});
$(".block").popover({
    html: true,
    animation: true,
    placement: 'right'
});

現時点での外観は次のとおりです：1、2。

実例：ここ

4

4 に答える 4

19

これは古いですが、他の人は次の属性を追加してみてください。

data-container="body"
于 2013-06-11T19:51:40.100 に答える
1

それはあなたのオーバーフローと関係があると思います。あなたの箱を切り取っているようです。SmoothDivScroll.cssの.scrollWrapperを見て、オーバーフローを表示に変更すると、ボックスがもう少し表示されます。これがあなたの望む効果ではないことは知っていますが、それは始まりだと思います。あなたのオーバーフローで何かでなければなりません。

于 2013-02-25T19:19:01.987 に答える
1

表示されているクリッピングは、おそらくz-index宣言に関連しているのではなく、divのサイズと.projectネストされたdivのオーバーフロー宣言に関連しています。

div.scrollWrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

これoverflow:hidden;が、表示されているクリップを作成しているものです。

于 2013-02-25T19:22:08.253 に答える
1

@狂ったzergling

ページの読み込み時に自動的にポップし、タイムアウト後に自動的に非表示になるポップオーバーがあります（実際には破棄されます）。これは、ナビゲーションバー自体に関する簡単な指示を示しています。私もscrolltoを使用します。

追加してみました

data-container="body"

まさか、動作はモバイル向けであり、そのモバイルデバイスとそのブラウザによって異なります。

ブラックベリーOS10では、期待どおりに動作し、ポップオーバーはすべての上にあり、データコンテナは必要ありませんでした（他のデバイスには役立つ可能性があります）

samsung / androidでは、デフォルトのブラウザにポップオーバーが表示されませんが、一部のhtml5の円も正方形として表示されるため、html5に対応していないように見えます。また、ドロップダウンアイテムが完全に表示されておらず、完全にスクラップになっています。同じsamsung/androidでは、firefoxの方がはるかに優れていますが、ポップオーバーはナビゲーションバーのロゴで隠されています。android用のchromeは試していません。

私はそれがそれぞれの特定のデバイス上のすべてのモバイルブラウザのためのそれ自身の物語になることを期待しています。

于 2014-03-24T14:47:34.560 に答える