The el-select drop-down box data cannot be slid on the mobile phone using an Apple phone

Generally, el-select is used as the system side. If it is used on the mobile phone side, there will be many compatibility problems. For example, the data in the el-select drop-down box can slide normally on Android phones, but not on Apple phones.

solution

 The drop-down list is a ul and li tag, which is a scroll bar supported by the number of li, so let's add a style to its parent

 Then we found its parent, which originally only had overflow and height attributes, we added touch under it, and the child element could slide on ios

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

Guess you like

Origin blog.csdn.net/qq_43532275/article/details/131844767