【问题标题】:how to make a responsive mobile web page scroll vertically fast like on an app when you flick如何使响应式移动网页在您轻弹时像在应用程序上一样快速垂直滚动
【发布时间】:2013-05-10 20:15:48
【问题描述】:

我正在构建一个响应式网站,并且在构建它时一直在我的 iphone 5 上对其进行测试。页面渲染良好。我只是好奇是否有一个脚本、插件或解决方案可以让页面从上到下快速滚动,就像你在应用程序上上下滑动时一样(比如 Facebook 等)?我知道一个应用程序和一个网站页面是两个不同的东西。似乎当我尝试在我正在构建的页面上执行此操作时,它要慢得多并且快速停止滚动。有没有解决方案可以实现快速、流畅的滚动?它将很好地增加访问者的移动体验。我确定内容、图像等会消耗浏览器,但我希望有办法做到这一点。

谢谢

【问题讨论】:

  • 它应该平滑滚动。您的页面上一定有一些东西占用了资源。大图? JavaScript 运行效率低下?例如打开这个页面。它在 iPhone 上流畅滚动
  • iphone 滚动网页的默认速度相当快,我认为没有必要让它更快。如果您的页面滞后或堵塞或反应缓慢,则可能是由于页面上的其他内容,可能是 js。 Android 平板电脑(三星标签)在处理 jquery 方面真的很烂
  • 谢谢大家。我可能只需要为网络更好地优化我的图像。我正在使用非常非常小的 js。只是为了激活导航下拉菜单,这就是我的所有 js。必须是图像。我只是想也许有某种类似于应用程序的滚动速度的脚本,但我明白你的意思。谢谢

标签: jquery mobile scroll responsive-design


【解决方案1】:

我发现了这一点,如果网站上的滚动变得异常缓慢,它可能会起作用,例如在我的情况下:

-webkit-溢出滚动

http://forrst.com/posts/Smooth_scrolling_on_iOS_Webapps-TnZ

【讨论】:

    猜你喜欢
    • 2012-03-29
    • 2012-01-16
    • 1970-01-01
    • 1970-01-01
    • 2020-12-16
    • 2021-03-07
    • 1970-01-01
    • 2015-06-08
    • 2014-03-09
    相关资源
    最近更新 更多