如何修復由jQuery FlexSlider造成的水平滾動條？

jQuery FlexSlider導致水平滾動條在這裏：http://abhinavsood.com/labs/grab/ 我試過overflow-x: hidden flex-container，但它似乎並沒有解決它。如何修復由jQuery FlexSlider造成的水平滾動條？

任何人都可以看一看，並提出修復？

來源

2013-03-03 Abhinav Sood

.flex-direction-nav .flex-next { 
background-position: 100% 0; 
right: -36px; 
} 

.flex-direction-nav .flex-prev { 
left: -36px; 
}

刪除left和right -36px，我沒有看到你的頁面上的任何箭頭所以也許你可以刪除那些elemnts內flex-direction-nav格

來源

2013-03-03 13:08:28 rmagnum2002

如果您不需要它們，您可以在第27行的scripts.js中設置directionNav：false，並且這應該正確地禁用箭頭， – rmagnum2002 2013-03-03 13:18:15

在閱讀您的答案後，我也會提醒您注意directionNav。謝謝@ magnum2002 :) – 2013-03-03 13:25:37

它實際上是你的.flex-direction-nav .flex-next錨，是造成它。

我通過應用right: 0;來修復它。

來源

2013-03-03 13:11:39

我設法用它編輯以下兩兩件事：在style.css中

線329加

overflow:hidden !important; 

.flexslider .slides > li { 
position:relative; 
overflow:hidden !important; 
}

，並在372至385

bottom:10px; left: 10px;overflow: hidden; 

.flexslider.position-caption-bottom-left .flex-caption{ 
bottom:10px; 
left: 10px; 
overflow: hidden; 
text-align:left; 

} 
.flexslider.position-caption-bottom-right .flex-caption { 
bottom:10px; 
left: 10px; 
overflow: hidden; 
text-align:right; 
} 
.flexslider.position-caption-bottom-centered .flex-caption { 
bottom:10px; 
left: 10px; 
overflow: hidden; 
text-align:center; 
}

來源

2014-01-28 08:44:56 Bodo

我設法的唯一途徑修復這是我添加的選項：

useCSS: false

例如：

$('.flexslider').flexslider({ 
    animation: "slide", 
    useCSS: false 
    });

因爲當它被設置爲true元件ul.slides變寬1000％，並且使瀏覽器，使水平滾動條。

來源

2014-02-24 08:51:47 Maria

如何修復由jQuery FlexSlider造成的水平滾動條？

回答

相關問題