1

我遇到了一个非常令人沮丧的问题,我在谷歌上搜索了很多,也许我在寻找错误的短语,但找不到解决方案。

所以我在一个 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>
4

0 回答 0