【问题标题】:Stop content scrolling unecessarily停止不必要的内容滚动
【发布时间】:2013-01-13 23:26:28
【问题描述】:

我们有一个位于http://cmagics.eu/digitalmagazinepublishing 的站点,除了页面有这个烦人的大约 50 像素的滚动,尽管有足够的空间可以容纳内容,一切都按照我们的意愿进行布局。

如何停止页面滚动? 由于我不确定是什么元素导致了这种情况,下面附上了指向 html 源和 css 文件的链接。

html结构

查看源代码:http://cmagics.eu/digitalmagazinepublishing/

css

http://cmagics.eu/digitalmagazinepublishing/wp-content/themes/responsive2/style.css?ver=1.8.7

【问题讨论】:

  • 哪个滚动条用于滑块或整个页面?
  • 嗨 krish,它适用于整个页面
  • 很难理解您的布局,为什么空白会一直出现并将#container 样式溢出设置为overflow:auto;,然后详细说明您要实现的目标。

标签: html css scroll footer sticky-footer


【解决方案1】:

这可能不是 100% 正确的解决方案,但请尝试在“hfeed”类上添加溢出:隐藏。

如果这不起作用,请在控制 BODY 的类上尝试相同的操作。

如果您安装了 Google Chrome,您可以使用开发工具来识别每个元素及其相关样式 - 使调试这些东西变得更加容易。

【讨论】:

  • 嗨 Sql,在正文上使用它确实可以停止滚动,唯一的问题是当内容超出浏览器的长度时,您无法看到或滚动。
  • 如何将高度更改为小于 100%。我认为在对 BODY 执行此操作时可能会发生这种情况……它在 hfeed 类上不起作用吗?
  • 嗯不,它只是在浏览器底部产生一个间隙
猜你喜欢
  • 2011-05-16
  • 2012-09-08
  • 1970-01-01
  • 2012-01-13
  • 1970-01-01
  • 2017-08-14
  • 2012-05-16
  • 1970-01-01
  • 2020-01-22
相关资源
最近更新 更多