我在 owl-carousel 中使用
此處的完整片段: 
現在,可能會出現另一個問題,因為您添加了帶有的.overflow-visible類 ,應該在視圖之外,其中一些現在將可見。為防止這種情況發生,您需要更改一些標記并添加一行 CSS。owl-stage-outeritems
在這個例子中,你有px-4Bootstrap 類main-wrapper id,改變px-4to并添加tomx-4的 CSSoverflow-x: hidden;#main-wrapper
就是這樣,這可以幫助您解決問題。這是我想說的實時固定版本,祝你好運。
更新
由于我們當前的示例在觸發下拉選單時具有滾動條,因此我僅在 CSS 中進行了一些更改-
body {overflow-x: hidden;}
#main-wrapper .owl-item {
visibility: hidden;
opacity: 0;
}
#main-wrapper .owl-item.active {
visibility: visible;
opacity: 1;
}
這是現場示例。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/429626.html
標籤:javascript html jQuery 推特引导 引导程序 5
上一篇:Div不適合可用空間
