我的問題 之前有調整過 當時候 正常 今天改了 一下 上拉加載非常的困難
我使用了fixed 這個定位 我在右邊的view ab 麻煩看一下 我的css
page {
background: #f5f5f5;
}
/*总体主盒子*/
#container {
position: relative;
width: 100%;
height: 100%;
background-color: #fff;
color: #939393;
}
/*左侧栏主盒子*/
.nav_left {
/*设置行内块级元素(没使用定位)*/
position: fixed;
width: 25%;
height:100%;
/*主盒子设置背景色为灰色*/
background: #f5f5f5;
text-align: center;
}
/*左侧栏list的item*/
.nav_left .nav_left_items {
/*每个高30px*/
height: 30px;
/*垂直居中*/
line-height: 30px;
/*再设上下padding增加高度,总高42px*/
padding: 6px 0;
font-size: 16px;
}
/*左侧栏list的item被选中时*/
.nav_left .nav_left_items.active {
/*背景色变成白色*/
background: #fff;
display: flex;
justify-content: space-between;
}
.nav_left .nav_left_items.active view:nth-child(1){
background: #fff000;
padding: 10rpx 5rpx;
}
.nav_left .nav_left_items.active view:nth-child(2){
font-size: 17px;
color: #000000;
}
/*右侧栏主盒子*/
.nav_right {
/*右侧盒子使用了绝对定位*/
position: absolute;
top: 0;
right: 0;
/*宽度75%,高度占满,并使用百分比布局*/
width: 75%;
box-sizing: border-box;
background: #fff;
}
.hot-poster {
display: flex;
flex-direction: column;
height: 84px;
border-bottom: 1px solid #dedede;
}
.hot-intro {
display: flex;
flex-direction: row;
}
.hot-img {
width: 40%;
margin: 10rpx;
}
.hot-img image {
width: 108px;
height:72px;
}
.hot-title {
display: flex;
flex-direction: column;
justify-content: space-between;
width:58%;
margin: 15rpx 0;
}
.hot-title view:nth-child(1) {
font-size: 14px;
color: #000000;
align-self: flex-start;
}
.hot-title view:nth-child(2) {
font-size: 12px;
color: #999;
align-self: flex-start;
}
/* 右側上方導航盒*/
.nav_rigth_Nav{
position: fixed;
top: 0;
right: 0;
/*宽度75%,高度占满,并使用百分比布局*/
width: 75%;
padding: 9px 15px 9px 9px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
background: #fff;
font-size: 16px;
z-index: 99;
border-bottom: 1px solid #dedede;
}
.nav_riget_personal{
align-self: center;
color:#242424;
}
.nav_riget_box{
position: relative;
text-align: right;
}
.nav_select{
margin-top:41px;
z-index: 100;
position: fixed;
top: 0;
left: 188rpx;
text-align: right;
background: #FFFFFF;
width: 94%;
}
.nav_one{
height: 30px;
font-size: 16px;
padding: 6px 15px 6px 0;
background: #FFFFFF;
margin-right: 100rpx;
text-align: right;
line-height: 30px;
width: 75%;
display: flex;
justify-content: flex-end;
color:#242424;
border-bottom: 1px solid #dedede;
}