Android 正在寻找iScroll的替代方案(在iOS/Webkit上滚动Div';s)

Android 正在寻找iScroll的替代方案(在iOS/Webkit上滚动Div';s),android,html,scroll,mobile-safari,mobile-webkit,Android,Html,Scroll,Mobile Safari,Mobile Webkit,我在数据移动应用程序上构建了一个复杂的表单,现在正在寻找一个解决方案来保持标题栏和页脚栏的位置。在我的虚拟机中,它已经用Chrome和Safari在我的桌面上开发和测试,我只定位了页眉和页脚的绝对值,以及内容部分,其高度由JavaScript在windows的调整大小事件中设置 对于移动世界来说,这不是一种合适的方式,因为mobilewebkit不支持overflow:auto 我自己尝试了一些东西,还看了一眼iScroll。事实上,iScroll在我的iPad上撞坏了safari,而没有该组件

我在数据移动应用程序上构建了一个复杂的表单,现在正在寻找一个解决方案来保持标题栏和页脚栏的位置。在我的虚拟机中,它已经用Chrome和Safari在我的桌面上开发和测试,我只定位了页眉和页脚的绝对值,以及内容部分,其高度由JavaScript在windows的调整大小事件中设置

对于移动世界来说,这不是一种合适的方式,因为mobilewebkit不支持overflow:auto

我自己尝试了一些东西,还看了一眼iScroll。事实上,iScroll在我的iPad上撞坏了safari,而没有该组件的应用程序运行得相当平稳。我有很多相对复杂的表单,这可能是对iScroll的一个挑战,我想这是不可能的

因此,我正在寻找其他方法来实现我的目标(保持页眉和页脚),而不让用户使用两个手指滚动(事实上,几乎没有人知道这个“把戏”)

有什么建议吗


谢谢

所以有三种常见的解决方案:

  • 它们都非常适合在简单的列表中滚动。但是,如果它的目的是处理不仅仅是一个列表的完整页面,例如带有动态表单的复杂对话框等等,那么就没有人能真正工作

    我刚刚决定放弃,等待一年——苹果最近宣布支持position:fixed and overflow:scroll,它将彻底改变这一部分,并解决我们今天面临的所有此类问题

    今天我想起了慕尼黑我们大楼里一家公司的网站,它是用iPad打开的,的确,它的首页上有一个可滚动的新闻部分。所以我看了看里面,发现它正在使用。。。塔达阿

    我不认为jScrollPane是为在移动设备上使用它而开发的,但它也为此进行了优化。它只适用于我的iPad、Android 2.3和最新的Opera Mobile

    它不像在移动设备上滚动本机应用程序,但它允许您查看完全可自定义的滚动条,跳转到顶部和按钮,最重要的是,用一个手指滚动


    非常好。

    移动webkit现在只支持使用CSS滚动。创建“可滚动”类并添加以下规则:

        .scrollable {
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
        }
    
    将“可滚动”类添加到任何需要滚动的块元素中。仅限网络工具包。

    基于polyfill的轻量级解决方案,让具有溢出功能的现代浏览器:滚动支持完成任务


    仍处于开发的早期阶段,但在受影响最大的用户群中运行良好(android 2.2/2.3/IOS最初我使用的是iScroll,但它与fullCalendar冲突。后来我尝试了YUI ScrollView和Scrollability,但不幸的是无法在我的项目中使用它们…但是jScrollPane工作得很有魅力!谢谢你。与iScroll 4斗争了几个月,30秒,我的html更轻。是的,那哈iOS 5引入了beein(在我去年夏天提出要求后很久),我使用了这种方法,这就是我写这篇文章的原因。它很可怕。它引发的事件完全不可预测,当用户停止滚动时,很难在你关心的任何严重问题上使用它。