三个标签优雅实现el-scrollbar及滚动翻页

<div style="height: 178px;">
	<el-scrollbar style="height: 100%;">
	    <div
	        style="background-color: #FFFFFF;padding: 0 20px 0 20px;"
	        v-infinite-scroll="chatSearch02"
	        :infinite-scroll-immediate="false"
	        :infinite-scroll-delay="443"
	        :infinite-scroll-disabled="loadMoreCommentDisabled"
	    >
		    <div>1</div>
		    <div>2</div>
		    <div>3</div>
		</div>
    </el-scrollbar>
</div>

注意:
1.el-scrollbar的父层要有固定高度
2.el-scrollbar的高度要设成100%
3.如果出现横滚动条,请添加css(.el-scrollbar__wrap{overflow-x:hidden;})
4.设置滚动翻页,需要放在el-scrollbar里面
Attribute
1.native: Boolean,
2.wrapStyle: {} | 子层style
3.wrapClass: {} | 子层class
4.viewClass:{} | view层class
5.viewStyle:{} | view层style
6.noresize:Boolean | 是否刷新滚动条大小

你可能感兴趣的:(前端,el-scrollbar,滚动翻页,优雅)