我想让我的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的观点是:
但问题是,如果我在android设备中将其打开,将无法正常工作。
当我在chrome上打开调试器时,我在scc scrollArea中看到错误:
在
-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/