3

jQuery FlexSlider 在这里导致水平滚动条：http://abhinavsood.com/labs/grab/我 已经尝试过overflow-x: hiddenflex-container 但它似乎没有解决它。

任何人都可以看看并提出修复建议吗？

4

5 回答 5

9

实际上是你的.flex-direction-nav .flex-next锚造成了它。

我通过应用它来修复right: 0;它。

于 2013-03-03T13:11:39.147 回答
3 
.flex-direction-nav .flex-next {
background-position: 100% 0;
right: -36px;
}

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

删除leftand right -36px，我在您的页面上看不到任何箭头，因此您可能可以删除flex-direction-navdiv中的那些元素

于 2013-03-03T13:08:28.900 回答
0

我通过编辑以下两件事来管理它：

在 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-28T08:44:56.947 回答
0

我设法解决此问题的唯一方法是在选项中添加：

useCSS: false

例如：

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

因为当它设置为 true 时，元素 ul.slides 变为 1000% 宽并导致浏览器生成水平滚动条。

于 2014-02-24T08:51:47.317 回答
0

试试这个：

.flex-direction-nav .flex-prev {
left: 0 !important;}

.flex-direction-nav .flex-next {
right: 0 !important;}

为我工作！;)

于 2021-09-15T14:43:03.810 回答