【发布时间】:2020-12-09 10:30:33
【问题描述】:
我有一个包含大约 12 个单元格的 HTML 表格。但在移动屏幕上,目前只有 4 个可见,您必须水平滚动才能查看单元格的其余部分。 每个单元格是指向不同页面的链接,并且每个页面都有相同的表格。 我希望每当我们单击任何单元格时,当我们移动到其链接页面时,该单元格应该变为活动/选中,并且即使它位于最右侧,也可以在屏幕上可见。
【问题讨论】:
标签: javascript html jquery css html-table
我有一个包含大约 12 个单元格的 HTML 表格。但在移动屏幕上,目前只有 4 个可见,您必须水平滚动才能查看单元格的其余部分。 每个单元格是指向不同页面的链接,并且每个页面都有相同的表格。 我希望每当我们单击任何单元格时,当我们移动到其链接页面时,该单元格应该变为活动/选中,并且即使它位于最右侧,也可以在屏幕上可见。
【问题讨论】:
标签: javascript html jquery css html-table
对于移动设备,我会考虑将显示块应用于所有表格、行和单元格。这样,它又长又垂直,但易于浏览。加上滚动是垂直的,这要容易得多。
对于您的链接,这更多的是服务器端问题:您应该在您的 url (mypage.php?cell=r2c4) 中传递与单击的单元格(比如说 r2c4)相对应的参数,并将样式应用于相应的单元格在您的显示页面上,使用一个简单的类,例如 .activeCell。
【讨论】:
所以我找到了答案 我们可以简单地为我们想要在屏幕上显示的单元格提供一些 id,并在链接上传递我们想要保持活动并在屏幕上可见的那个单元格的 id。
【讨论】: