防止CSS页脚滚动
问题描述:
#bottom_fade {
position: absolute;
bottom: 0;
width: 100%;
background: url("bottom-fade.png");
background-repeat:repeat-x;
height: 400px;
z-index: 2;
}
.categories {
position: absolute;
left: 50%;
color:black;
word-wrap: break-word;
font-family: 15px 'Libre Baskerville', serif;
margin-left: -200px;
z-index: 1;
}
.categories td {
width: 200px;
}
您可能会看到上述代码here的结果。 尝试调整浏览器窗口的大小,以便强制滚动以查看表格中的全部文本。防止CSS页脚滚动
当您滚动时,您可能会看到#bottom_fade
不会粘在页面的底部,而是会跟随您的滚动。我不希望发生这种情况:无论滚动条发生什么,我怎么能说bottom_fade总是保持连接到浏览器窗口的底部?
非常感谢!
答
变化
#bottom_fade {
position: absolute;
}
到
#bottom_fade {
position: fixed;
};
,它应该工作就像一个魅力。
(顺便说一句不错的效果!)
这是不相关的,但可以考虑设置'指针的事件:在您的页脚none',它中断文本选择,请参见:[点击通过DIV到底层元素( http://*.com/questions/3680429/click-through-a-div-to-underlying-elements) – MikeM 2013-02-13 21:13:59
哦!多亏了很多人,甚至没有考虑到这一点。我会添加它! – Saturnix 2013-02-13 21:22:59