我有一个非常令人沮丧的问题我坚持使用,我搜索了很多,也许我正在寻找错误的短语,但无法找到解决方案。
所以我在div(一个盒子)里面有一个表,它可以在里面滚动,父也可以滚动。布局适用于其他平板电脑,但在华硕Transformer我有以下问题:
如果我滚动文档的正文并尝试单击表格中的链接(表格单元格包含带有隐藏字段和链接的表单),则可点击区域会移动。看起来滚动也会移动链接,但链接标签,隐藏字段和父div保持在正确的位置。由于链接轮廓的错误位置(当然,如果我在滚动后单击它们,链接不起作用),它只是可见的。
我正在考虑一些奇怪的边缘折叠效应,但内部元素被清除,并且overflow:auto被添加到父级。也许它与华硕的一些相关的错误?
内容为HTML5。
这是用链接填充表格的部分。 WebView用于显示内容。
<div class="table_content_back" >
<div class="scrollable_content" >
<!-- BLOCK CONTENT STARTS HERE -->
<div class="table_content">
<table cellpadding="5" cellspacing="0" class="table" >
<tr id="t_h">
<th class="ta_left t_header"><%= message("siteName")%></th>
</tr>
<i:foreach var="ListItem" index="i" list="${sites}">
<tr>
<td class="ta_left" id="site_list">
<form name="Site-${i}" >
<input type="hidden" name="actionid" value="SharePoint/Flow" />
<input type="hidden" name="flow" value="sitebrowser" />
<input type="hidden" name="sitename" value="${ListItem.title}" />
<input type="hidden" name="siteurl" value="${ListItem.url}" />
<a href="javascript:invitoSubmit('Site-${i}');">${ListItem.title}</a>
</form>
</td>
</tr>
</i:foreach>
</table>
</div>
</div>
</div>