Html 表为';在狭窄的屏幕上,jQuery Mobile无法滚动

Html 表为';在狭窄的屏幕上,jQuery Mobile无法滚动,html,css,jquery-mobile,mobile,Html,Css,Jquery Mobile,Mobile,我有一个移动网站,里面有很多链接和表格 我使用jquerymobile完成了整个任务。下面是大纲的样子: 理学硕士课程时间表 将表放在容器div中,并为该div提供一个CSS类。然后将CSS类设置为滚动: <div data-role="main" class="ui-content"> <div class="tableCont"> <table> <--! the large table is her

我有一个移动网站,里面有很多链接和表格

我使用jquerymobile完成了整个任务。下面是大纲的样子:


理学硕士课程时间表

将表放在容器div中,并为该div提供一个CSS类。然后将CSS类设置为滚动:

<div data-role="main" class="ui-content">
    <div class="tableCont">
        <table>
           <--! the large table is here -->

        </table>
   </div>
</div>

.tableCont {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.表格续{
溢出:滚动;
-webkit溢出滚动:触摸;
}

-webkit溢出滚动允许移动webkit滚动单个dom元素。

感谢您的回复!不幸的是,它所做的只是添加滚动条,宽度仍然是错误的,部分是隐藏的。我把主要帖子编辑成show@slava,可能会将溢出更改为自动。下面是一个演示: