网页内容周围的固定图形框架
Stationary graphic frame around web page content
我正在尝试围绕网页内容创建一个图形框架,该框架将随着内容滚动而保持静止。
http://nosgoth.net/NR-Test/ff_scroll-test3.html
在这里,您可以看到我已经让框架的顶部和侧面保持静止,底部仍然滚动。有没有办法让框架的底部固定在浏览器 window 的底部,而不考虑 window 的高度?
让您的 .framebtm
元素固定在页面底部?
.framebtm {
height: 71px;
position: fixed;
bottom: 0;
}
但是在你的.content
元素上添加一些padding-bottom
,否则你将看不到最后一行文本
我正在尝试围绕网页内容创建一个图形框架,该框架将随着内容滚动而保持静止。
http://nosgoth.net/NR-Test/ff_scroll-test3.html
在这里,您可以看到我已经让框架的顶部和侧面保持静止,底部仍然滚动。有没有办法让框架的底部固定在浏览器 window 的底部,而不考虑 window 的高度?
让您的 .framebtm
元素固定在页面底部?
.framebtm {
height: 71px;
position: fixed;
bottom: 0;
}
但是在你的.content
元素上添加一些padding-bottom
,否则你将看不到最后一行文本