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

Question

在我的站点中，我有一个响应式 table，它在桌面上的所有浏览器（windows 和 Linux）上都可以正常工作，但是当我用 android chrome（还有 ios 浏览器）垂直滚动工作得很好，但水平滚动很乱，

• 它适用于我的 table、

的最后三行

• 它不适用于 table

的上行

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

• 我发现一个更有趣的事情，当我在页面上时，水平滚动效果不佳，我打开浏览器的设置并关闭它，在这个水平滚动之后所有行都很好。

页面地址：

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" 属性，我的 table css 是：

table {
         top: 70vh;
}

它在 PC 上运行良好，但在 android chrome 上以某种方式运行，虽然我确实滚动了页面并且 table 到底部但是 table 在第一个屏幕高度的 70% 不起作用，所以我将代码更改为：

table{
      padding-top: 70vh;
}

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