css - HTML CSS 层

Question

我创建了一个页面，我试图在该页面上获得底部对齐工具栏的效果，就像一个面子书那样。为此，我制作了一个具有最高 z-index 的 div，将位置设置为固定并将底部 0 设置为

#bar
{
 z-index  : 11;
 position : fixed;
 bottom   : 0;
 height   : 50;
 left     : 0;
 right    : 0;
}

它工作正常但是在滚动时页面似乎需要时间渲染，就像页面很重，滚动很流畅但是页面渲染有点慢，产生的滚动效果不太好。有没有人知道怎么回事...

或者你有没有得到我:p

Answer 1

Position:fixed 本身不应该导致这些问题。

听起来浏览器在呈现您的页面时速度很慢。页面大还是复杂？这可能是由过于复杂的 HTML、CSS 尤其是 Javascript 引起的。

尝试依次简化(或禁用，对于 JS)每一个。

(我会仔细查看任何使用 * 选择器的 JS 事件或 CSS。)