您的位置：首页 > Web前端 > CSS

HTML中 css实现滚动页面时固定页面其中一栏的效果

2017-11-28 10:25 771 查看
可以为需要固定的元素加上 { position: fixed } 这个 CSS 属性，再通过 top left right bottom 属性调整位置。

（1）html中的代码：

<!--右侧导航栏-->

<div class="navRight">

</div>


（2）css样式中的代码：

/*右侧导航栏的样式*/
.navRight{
width: 40px;
height: 100%;
float: right;
position: fixed; /*滚动时可以固定在屏幕上*/
top: 0;
right: 0;
background: rgb(38,38,38);
z-index: 100;  /*在前100层上浮动*/
}


效果图如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航