【问题标题】:How resolve problem with the scrolling site?如何解决滚动站点的问题?
【发布时间】:2018-12-10 15:05:18
【问题描述】:

美好的一天。

有一个页面 CSS/HTML - http://promocodesoft.com/q/kupon.html

当我在 iPhone 或 iPad(仅限 Safari 浏览器)上滚动浏览此站点时,它的滚动速度非常慢,与其他设备不同。我认为问题出在JS的其他东西上?

也就是说,当我滚动浏览任何网站并松开手指时,该网站会惯性滚动一段时间。但在 Apple 设备上没有这种惯性。当我移开手指时,滚动立即停止。

可能是什么问题?

观看视频它是如何工作的 - https://www.youtube.com/watch?v=Fqkr-qKzfl8&feature=youtu.be

【问题讨论】:

  • 请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则,一旦问题得到解决或者您链接的站点无法访问,这个问题将对未来的访问者失去任何价值。发布 Minimal, Complete, and Verifiable example (MCVE) 来证明您的问题将帮助您获得更好的答案。有关详细信息,请参阅Something on my web site doesn't work. Can I just paste a link to it? 谢谢!
  • 对不起,因为我不是程序员,所以我解释一下我的问题我怎么能...)
  • 没有任何代码很难判断出什么问题,但请检查this

标签: javascript css


【解决方案1】:

您需要在页面中添加以下 CSS 以使 iOS 设备上的 Safari 中的滚动顺畅:

body {
    -webkit-overflow-scrolling: touch;
}

页面似乎将overflow-scrolling设置为auto,这使得手指离开屏幕后立即停止滚动。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多