【问题标题】:My website won't scroll on mobile devices我的网站无法在移动设备上滚动
【发布时间】:2015-07-04 02:35:35
【问题描述】:

这件事困扰了我很久。由于我更新了我的个人网站,它没有在 Android 和 iOS 移动设备上滚动。我不确定是什么导致了问题 - css、Javascript 或其他什么? 这是我的网站:http://anniedream.com 这是我网站的一个更简洁的版本(我拿出了并行滚动的东西..)http://anniedream.com/150703Preview01/

希望有人可以帮助我。非常感谢!

【问题讨论】:

  • 嗨,安妮(来自您的网站),因为已经有与您的问题相关的答案,我想我会提出这个问题:您网站上的一些图片大小超过 500kb,从而减少了您的页面加载速度非常快。我建议优化这些和其他图像以供网络相关使用! developers.google.com/web/fundamentals/performance/…
  • 哇,非常感谢!我的网站上有大量的光栅图像,它们确实减慢了页面加载速度。我将研究这篇文章并弄清楚如何优化这些图像!再次感谢您!

标签: javascript css mobile


【解决方案1】:

这是一个 JavaScript 问题,请尝试删除

    skrollr.init({
        forceHeight:false
    });

如果这不是罪魁祸首,请尝试停用覆盖。有些东西用固定元素“覆盖”了您的网站,或者有些东西检测到滚动并且无法处理它。

也许您添加了一些仍然可以在移动设备上呈现的弹出式或叠加效果。尝试删除它,而不是使用 display:nonevisibility:hidden

【讨论】:

  • 删除“skrollr.init”后,我的网站现在可以在移动设备上正常滚动了!非常感谢!!!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-08-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多