我想让我的ul列表在设备上滚动。

所以我有这个HTML:

<div class="scrollArea ">
    <ul class="selectableListItems" ng-repeat="inspectionReview in inspectionReviews">
        <li class="row col-sm-6">
            <input type="checkbox" ng-model="inspectionReview.IsNormal" />
            {{inspectionReview.InspectionItemName}}
        </li>
    </ul>
</div>


这是CSS类:

.selectableListItems {
    list-style-type: none;
    padding: 5px 10px 0px 0px;
}

.scrollArea {
    height: 150px;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    overflow-x: hidden !important;
    direction: ltr;
    border-radius: 3px;
    border-style: solid;
    border-color: #dddddd;
}

    .scrollArea input[type="text"] {
        border: 1px;
        direction: rtl;
    }

    .scrollArea ul {
        direction: rtl;
    }


那个genarete的观点是:

html - 为什么我在CSS类中收到错误的未知属性名称?-LMLPHP

但问题是,如果我在android设备中将其打开,将无法正常工作。

当我在chrome上打开调试器时,我在scc scrollArea中看到错误:

html - 为什么我在CSS类中收到错误的未知属性名称?-LMLPHP

-webkit-overflow-scrolling属性上,出现错误Unknown property name

知道为什么我在-webkit-overflow-scrolling属性上收到错误消息吗?

最佳答案

据我所知,-webkit-overflow-scrolling仅在Safari中有效(根据Safari's Supported CSS Properties documentation)。如果您不使用Safari,则很可能无法识别此属性。

在过去的三年中,我找不到对该属性的任何可靠引用,因此,即使是最新版本的Safari也很可能不再支持该属性。

关于html - 为什么我在CSS类中收到错误的未知属性名称?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36748512/

10-12 12:29
查看更多