html - 定位一个可以在不触发滚动条的情况下溢出视口(viewport)的元素?

标签 html css

我的内容和正文背景颜色不同,我希望有一个渐变从一个渐变到另一个。仅当内容小于视口(viewport)时才需要此效果。

示例:http://jsfiddle.net/kEXzs/1/

在 y 轴上缩小结果 View 并注意滚动条是如何显示的,因为 .footer div 溢出了。我不希望发生这种情况。视口(viewport)应该只在内容溢出时显示滚动条。这可能吗?

我也乐于接受可以提供相同效果的其他建议。 content div 是动态调整大小的,因此为 body 设置渐变背景不起作用。

最佳答案

您可以将页脚定位为固定的:

<div class="footer" style="position: fixed">
</div>

(或相应地更改 CSS)。

这是一个 fiddle :http://jsfiddle.net/kEXzs/17/

关于html - 定位一个可以在不触发滚动条的情况下溢出视口(viewport)的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9047669/

相关文章:

javascript - 如何使用具有多个输入的数据显示?

html - 为什么我的文本框在不同的浏览器中定位不同

html - 为什么位置: absolute; and bottom: 0; not being at body's bottom?

javascript - jQuery css 在主体 :after 上设置背景图像

javascript - 在 Webpack 模块中解析 SCSS 文件

javascript - 在屏幕上显示瓦片 map (HTML5/JavaScript)

html - 导航栏链接和 h1

html - h2标签字体大小被浏览器重写

html - SVG 未在最新版本的 Chrome 中显示

javascript - 无法将样式应用于具有样式组件的第一个子项