<code class="html"><div class="tips">
xxxxx
</div></code><code class="css">.tips{
position:fixed;
display:block;
bottom:0;
left:0;
height:100px;
width:100%;
background:#ccc;
color:#fff;
z-index:999;
}</code>
使用固定定位
HTML:
<code><div class="nologin">
这个是内容
</div></code>css
<code>.nologin{
position:fixed;
bottom:0;
left:0;
height:100px;
width:100%;
background:#eee;
color:#333;
z-index:999;
display:none
}</code>然后隐藏，使用监听滚动事件。当滚动大于你想要的位置就显示该提示曾，否则就隐藏
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
