写出的页面超出了下面屏幕，但是无法滚动页面

在写移动端一个案例时，写到超出屏幕下端后无法滚动页面，其他样式没有任何问题，经过排查，发现是body里面的overflow：hidden；的原因，本来是为了隐藏左右超出的部分，但是上下也隐藏了，正确的写法是：overflow-x：hidden；

body {
    max-width: 540px;
    min-width: 320px;
    margin: 0 auto;
 
  
    /* overflow: hidden; */
    overflow-x: hidden;