calc() 函数用于动态计算长度值
。
若对使用有疑问,请到
calc() 函数
下面是我使用的过程,搜索界面 使搜索框固定在顶部,下面的内容可以滚动(之前我都时使用固定定位,但是固定定位会导致下面的内容上移,脱离文档流,处理起来会很麻烦)
解决方法来喽:
<view>
//搜索框,就正常写搜索框样式就OK
<view class="">
<input type="text" class="weui-search-bar__input" />
</view>
//可滑动列表部分
<view style="height:100%">
<view class="p-right-content">
<scroll-view scroll-y class="videoList">
//这里面放你想要写的内容
</scroll-view>
</view>
</view>
</view>
//这里48px是我写的搜索框的高度,100vh是小程序整个页面的高度
.videoList{
height: calc(100vh - 48px) ;
}