【问题标题】:page is not scrolling vertically in mobile devices页面没有在移动设备中垂直滚动
【发布时间】:2016-04-28 21:42:26
【问题描述】:

我正在做一个项目。前端有问题。该网站是响应式的,但是当我以移动宽度查看它时(特别适用于 iPhone 4 和 5),垂直滚动不起作用。

我没有使用任何需要滚动的div,整个页面没有垂直滚动,恐怕我无法提供代码。我想知道的是为什么会发生这种情况?我可能做错了什么?

1) 我在 body 标签上添加了-webkit-overflow-scrolling:touch,但我的 chrome 浏览器没有选择它并显示无效属性。

2) 我添加了body{overflow-y:scroll,position:relative} 现在它显示了一个滚动条,但滚动条之间没有条,并且几乎卡在那里。

【问题讨论】:

  • 您是否在bodyhtml 上有overflow: hidden;
  • 不,没有隐藏溢出。
  • 可能是某个插件。您可以发布指向您网站的链接吗?我记得我曾经遇到过同样的问题。
  • @NenadVracar,对不起,我再次检查了它,实际上有一个溢出:隐藏在 max-width:320px 媒体查询,我评论了它,但滚动仍然不起作用

标签: html css scroll vertical-scrolling


【解决方案1】:

我认为这是因为positionz-indexz-index 值在您的小屏幕上造成问题。

可能是z-index 值较高的元素。阻止你滚动。

您可能将overflow:hidden 放在错误的位置。如果您显示一些行代码或您的站点链接,那就太好了。

【讨论】:

  • 是的,有溢出:隐藏在 html 标记中,我已将其设置为溢出:滚动并且它工作得非常好。
猜你喜欢
  • 2019-09-06
  • 2019-01-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-02-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多