el-select 下拉框数据在手机端使用 苹果手机无法滑动

一般el-select是作为系统端使用的,如果在手机端使用会有很多兼容问题,比如el-select下拉框数据在安卓手机可正常滑动,苹果手机则无法滑动。

解决方案

el-select 下拉框数据在手机端使用 苹果手机无法滑动_第1张图片

 下拉列表是个ul和li标签,他是用li的数量撑出的滚动条,那我们在它父级上加样式

 随后我们找到了它的父级,他原本只有overflow和height属性,我们在它下面加上touch,就可以实现子元素在ios上滑动了

.el-scrollbar__wrap{
    overflow: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

你可能感兴趣的:(智能手机,前端)