移动HTML构建

时间:2011-08-21 17:49:13

标签: html mobile jquery-mobile sencha-touch

我正在尝试构建移动版网站。我有点制作了HTML和CSS,但我希望它能很好地工作。我已经制作了两列(左栏是菜单,右栏是内容)。它们都隐藏了溢出。

我已经把溢出auto了,如果内容更大,我仍然不能让它们滚动。所以,我试过iScroll,但它非常错。它不会滚动直到内容的结尾,如果我改变方向它会稍微混乱。

我可以像使用iScroll一样使用jQuery Mobile吗? Sencha Touch怎么样? (我看到了Sencha Touch的所有示例,它很棒,只是我不想像他们说的那样编码 - 只是javascript - 我想写html然后用javascript说某个ul元素实际上是一个列表而且应该这样对待。)

任何人都可以向我推荐一个教程或其他我可以使小型网络应用程序正常工作的东西吗?

1 个答案:

答案 0 :(得分:1)

AFAIK,你可以用这种方式使用Sencha Touch,例如......

var panel = new Ext.Panel({
    fullscreen: true,
    dockedItems: [{
        dock : 'top',
        xtype: 'toolbar',
        title: 'Standard Titlebar'
    },{
        dock : 'top',
        xtype: 'toolbar',
        ui   : 'light',
        items: [{
            text: 'Test Button'
        }]
    }], 
    html: 'Testing',
    renderTo: 'idOfHtmlElement'
});

您只需按照自己的意愿构建HTML元素,并使用renderTo配置选项指定每个组件的呈现内容。

我不得不问......你为什么要这样工作?你将做两倍的工作,维护代码库需要更多的努力。这是Sencha Touch的魅力所在,因为它让开发人员完全担心功能而不是设备的怪癖。

page here专门用于在固定高度div中滚动内容,这可能对你有用(虽然我没有看到你的代码所以很难说)。

我对iScroll的体验是它远非理想,jQuery touch和jQuery mobile的框架远不及Sencha Touch所展示的抛光水平。

我的建议是你接受Sencha Touch并开始学习框架。版本2将在未来几个月内推出,并承诺支持更多设备(例如Windows Phone 7)。

Joe Hewitt的{p> Scrollability也值得一看,尽管他最近几个月没有那么多的工作。