页面在移动设备中不垂直滚动
page is not scrolling vertically in mobile devices
我正在做一个项目。前端方面存在问题。该网站是响应式的,但是当我以移动宽度 (特别是 iPhone 4 & 5) 查看它时,垂直滚动不起作用。
我没有使用任何需要滚动的div,整个页面没有垂直滚动,恐怕我无法提供代码。我想知道的是为什么会发生这种情况?我可能做错了什么?
1) 我在 body 标签上添加了 -webkit-overflow-scrolling:touch
,但我的 chrome 浏览器没有接收它并显示无效 属性.
2) 我添加了 body{overflow-y:scroll,position:relative}
现在它显示了一个滚动条,但滚动条之间没有栏,而且它几乎卡在那里。
我认为这是因为 position
和 z-index
z-index
值在您的小屏幕上造成问题。
可能是 z-index
值高的元素。阻止你滚动。
并且您的 overflow:hidden
可能放错了地方。如果您显示一些行代码或您的站点 link.
会很好
我正在做一个项目。前端方面存在问题。该网站是响应式的,但是当我以移动宽度 (特别是 iPhone 4 & 5) 查看它时,垂直滚动不起作用。
我没有使用任何需要滚动的div,整个页面没有垂直滚动,恐怕我无法提供代码。我想知道的是为什么会发生这种情况?我可能做错了什么?
1) 我在 body 标签上添加了 -webkit-overflow-scrolling:touch
,但我的 chrome 浏览器没有接收它并显示无效 属性.
2) 我添加了 body{overflow-y:scroll,position:relative}
现在它显示了一个滚动条,但滚动条之间没有栏,而且它几乎卡在那里。
我认为这是因为 position
和 z-index
z-index
值在您的小屏幕上造成问题。
可能是 z-index
值高的元素。阻止你滚动。
并且您的 overflow:hidden
可能放错了地方。如果您显示一些行代码或您的站点 link.