这篇博客分享了一种使用纯CSS实现的无JS固定漂浮效果，避免了JS导致的拖动抖动问题。通过设置CSS样式，如`position:fixed`，实现了底部导航栏在页面滚动时始终保持在底部。这种方法相比其他方案更简洁，不需额外的DOM嵌套。
有 些东西找起来很麻烦，好用的又不太容易找到，之前看到很多用JS写的，固定漂浮这种效果拖动时难免会产生抖动自己对CSS还是蛮有好感的，找来找去找到了 天涯，仔细一看是纯CSS的，没有使用JS效果我觉得它比之前看到的要精简些不用嵌套多余的DIV 简单的看一下CSS样式部分：
body { background-image:url(text.txt); /* for IE6 */
background-attachment:fixed; }
#bottomNav { background-color:#096; z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; }
HTML部分加上这个id为 #bottomNav 的DIV即可：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
