示例：固定右侧导航条 

<!DOCTYPE html>

<style type="text/css">
.bar {
    position: fixed;
    z-index: 100000000;
    width: 35px;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: red;
}
</style>

<div class="bar" style="padding-top:10px;">
  此区域固定在窗口右侧
</div>

<div style="padding:1000px 0px;text-align:center;">下拉滚动条，右侧区域不受影响</div>

 

posted on 2018-04-16 07:33  zhuyongzhe  阅读(379)  评论(0)  编辑  收藏  举报

导航