css 实现页面局部内容滚动
<body>
<div>
<!-- 头部 -->
<div class="weui-header f_bg01" style="position: sticky;">
<div class="weui-header-left">
<a href="javascript:;" id="HeadergoBack"><i class="icon icon-109 f20 f_white"></i></a>
</div>
<h1 class="weui-header-title">收货计划</h1>
<div class="weui-header-right" style="margin-top: -2px;">
<a href="../Scan.html" class="f_white mr20">
<i class="icon icon-86 f25"></i>
</a>
</div>
</div>
@*搜索*@
<div class="weui-search-bar" id="searchBar">
<form class="weui-search-bar__form">
<div class="weui-search-bar__box">
<i class="weui-icon-search"></i>
<input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
<a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
</div>
<label class="weui-search-bar__label" id="searchText">
<i class="weui-icon-search"></i>
<span>搜索</span>
</label>
</form>
<a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
</div>
</div>
<div class="Liu_list" id="Liu_list" style="height: calc(100vh - 100px); overflow: scroll ">
<!-- 内容 -->
</div>
</body>
滚动条关键代码:style="height: calc(100vh - 100px); overflow: scroll "
来源:https://www.jianshu.com/p/953c5b54fcea