我遇到了一个非常令人沮丧的问题,我在谷歌上搜索了很多,也许我在寻找错误的短语,但找不到解决方案。
所以我在一个 div (一个盒子)里面有一个表格,它在里面是可滚动的,而父级也是可滚动的。该布局适用于其他平板电脑,但在华硕 Transformer 上我有以下问题:
如果我滚动文档的正文并尝试单击表格中的链接(表格单元格包含带有隐藏字段和链接的表格),可点击区域会移动。看起来滚动也会移动链接,但链接标签、隐藏字段和父 div 保持在正确的位置。它只是由于链接轮廓的错误位置而可见(当然,如果我在滚动后单击它们,链接将不起作用)。
我在想一些奇怪的边距折叠效果,但是里面的元素被清除了,并且溢出:自动被添加到父级。也许它的一些华硕相关的错误?
内容是 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>