在华硕Transformer平板电脑上滚动时,链接的可点击区域会移动

时间:2012-11-15 14:00:51

标签: css html5 tablet

我有一个非常令人沮丧的问题我坚持使用,我搜索了很多,也许我正在寻找错误的短语,但无法找到解决方案。

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

0 个答案:

没有答案