如何在手机上获取滚动列表

Question

我试图在一个简单的html页面上创建一个无序列表，该页面在达到最大高度后会滚动。在PC上可以使用，但不能在移动设备上使用。

这是针对我使用Bootstrap v3构建的简单网站。在PC和移动设备工具栏上看起来不错。在iOS上，它只会不断扩大列表。

ul {
    padding-left: 0px;
    height:200px;
}

    ul.scrollable {
        max-height: 200px;
        margin-bottom: 10px;
        overflow-y: scroll;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

单个无序列表 <ul id="discussion" class="scrollable"></ul>

当信号来自signalR插件时，jquery注入列表项

$('#discussion').append('<li class="nobullet"><strong>' + htmlEncode(name)
                    + '</strong> ' + htmlEncode(message) + '</li>');