Bootstrap模板不会在某些区域滚动

Question

所以我有一个使用bootstrap构建的应用程序模板。一切正常，除非我在手机上查看网站。我无法从页面上的表格开始垂直滚动。单击右侧部分的面板角（白色区域），我可以滚动，但之后任何其他面板在移动设备上无法滚动。我用不同的手机对此进行了测试，得到了相同的结果。我认为这是因为大量使用javascripting文件使其在IE8中工作，这也不是问题。我猜测它与表格有关，因为有其他页面没有表格，它们滚动得很好。

以下是jsfiddle链接：http://jsfiddle.net/amirshadaab/w6zppc65/2/

我的表格很像这样：

<div class="col-md-12">
    <div class="table-responsive">
        <table class="table table-hover table-striped table-condensed">
            <tbody></tbody>
            <thead>
                <tr>
                    <td>Name</td>
                    <td>Job Title</td>
                    <td>Access</td>
                    <td>Main Office</td>
                    <td>Portal ID</td>
                </tr>
            </thead>
            <tbody>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Adams, Jeff</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Adams, Kim</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Adams, Mat</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Briggins, Ada</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Leonard, Adam</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Leonard, Adam</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Leonard, Adam</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Leonard, Adam</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Leonard, Adam</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
                <tr class="clickableRow" data-url="edit_profile_admin_boot.html">
                    <td>Leonard, Adam</td>
                    <td>Appraiser</td>
                    <td>CCC ONE w/ limited portal access</td>
                    <td>Office 3</td>
                    <td>jadam1</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>