在我基于WordPress的网站上,有一个不必要的Horizo​​nzal滚动条。 我该如何摆脱呢? 我检查了CSS,寻找边距,但未找到任何边距。

链接: http//www.onehourleft.de/tatort/

#1楼 票数:1 已采纳

您的“ .slideshow_container”宽于窗口宽度。 调整窗口大小后,滚动条不再显示。 尝试在幻灯片插件中寻找解决方案。

或尝试添加到“#room-slideshow” css样式中:“ overflow:hidden;”。

#2楼 票数:0

I,我现在知道原因:幻灯片插件计算幻灯片的宽度以显示它们。 但是,当我有足够的垂直内容用于垂直滚动条时,计算出的宽度应为:

初始宽度-滚动条宽度

但是我该如何解决呢?

#3楼 票数:0

您可以使用jQuery

$(function() { var width = window.innerWidth; $(".slides").css('max-width',width); })

或者,最简单的body {overflow-x:hidden}

  ask by EmWe translate from so

未解决问题?本站智能推荐:

1回复

不必要的水平滚动条

我正在尝试使用jquery数据表构建一个asp.net mvc视图。 我的数据表仅包含一个字段(角色名称),并且“删除/更新/显示”按钮链接。 问题是显示了不必要的水平滚动条: 我如何避免这个不必要的滚动条? 以下是我的观点的摘要: 非常感谢你的帮助。
1回复

CSS-转换:translateX(-200%)创建的水平滚动条

我已经为页面中的元素创建了动画以从左侧滑动,所以它的起点是 但是在页面加载时,它具有滚动条。 我正在使用Chrome。 它也发生在FF。 我也得到了垂直滚动条 我尝试使用 这似乎会使滚动条消失,但随后动画也无法正常工作,直到动画结束为止,我的窗口都是空的。 问题是
1回复

如何摆脱不必要的垂直滚动条?

我有一个div,其中包含一个日志窗口的元素,显示用户输入和系统输出。 该输出可能比div宽,因此我添加了overflow-x: auto但不幸的是,这提供了不必要的垂直滚动条,我无法摆脱它。 该元素非常合适(实际上,下面有可用空间可以扩展)... 抱歉,没有小提琴,但这里有屏幕截图和h
1回复

AngularJS / Bootstrap应用程序中不必要的水平滚动条

我正在尝试使用bootstrap和angularjs创建一个应用程序,这支笔显示了我的应用程序的简化版本: http : //codepen.io/megadeen/pen/ZWrGmv 这是主要代码: 但是,总会有这种杂散的水平滚动条不会消失。 该杂散滚动条仅出现在第二页和后续
3回复

CSS的水平滚动条

我有以下html代码: 在这里尝试 它提供了一个垂直滚动条,但我想水平滚动条。我如何获得它?
3回复

CSS - 仅显示固定宽度和高度div的水平滚动条

我有一个固定宽度和高度的div: 我里面有很多图像,宽度为90px,高度为120px。 所以我希望将我的图像连成一行,并且只显示水平滚动条以滚动图像。 我需要在FF和IE8及更高版本中完成这项工作。 我尝试了overflow-x和overflow-y,但我没有帮助。 任何
2回复

HTML和CSS-如何强制隐藏滚动条,但仍允许滚动?

我遇到了构建Web应用程序的一个烦人的方面-滚动条会影响元素的宽度,因此会影响边框的位置等。 显然,Mac在系统偏好设置->常规(用于“显示滚动条”)中有一个选项,称为“自动基于鼠标或触控板”,另一个选项是“始终”。 用户在此处做出的选择可能会影响我的Web应用的布局,而这完全
1回复

水平滚动条,即使在删除css之后

我的页脚在某些页面上为全宽度,在其他页面上与内容宽度匹配。 在页脚为全角的页面上,出现水平滚动条。 我不确定为什么会这样并研究负载。 因为每个答案都与css相关联,所以我决定将所有css取出来只是为了查看代码中是否有某些原因导致了... ...但是我很困惑,因为即使删除并刷新了所有代码,横