android chrome上的水平滚动，以有趣的方式工作

Question

在我的网站中，我有一个响应式表格，它在桌面上的所有浏览器（Windows 和 Linux）上都可以正常工作，但是当我使用 android chrome（以及 ios 浏览器）打开页面时，垂直滚动工作正常，但水平搞砸了，

• 它适用于我表格的最后三行，

• 它不适用于表格的上排

• 如果我向下滚动查看更多行，问题仍然存在

• 我发现了一件更有趣的事情，当我在页面上时，水平滚动效果不好，我打开浏览器的设置并关闭它，之后水平滚动在所有行上都可以正常工作.

页面地址：

http://yellowpart.ir/?product_cat=%D8%B4%D8%A7%D8%B3%DB%8C-%D9%BE%D8%A7%DB%8C%DB%8C%D9%86&product_list=149

Answer 1

这是因为“top”属性，我的表格css是：

table {
         top: 70vh;
}

它在 pc 上运行良好，但不知何故在 android chrome 上，虽然我确实将页面和表格滚动到它的底部，但屏幕高度前 70% 的表格不起作用，所以我将代码更改为：

table{
      padding-top: 70vh;
}

它开始在桌面和 android chrome 上正常工作。