Мобильный HTML-билдинг - PullRequest
Новая
       28

Мобильный HTML-билдинг

1 голос
/ 21 августа 2011

Я пытаюсь создать мобильную версию сайта.Я вроде сделал HTML и CSS, но я хочу, чтобы он работал хорошо.Я сделал два столбца (левый столбец - меню и правый столбец - содержимое).У обоих из них переполнение скрыто.

Я установил переполнение автоматически, и я все еще не могу заставить их прокручиваться, если содержимое больше.Итак, я попробовал iScroll, но он очень глючит.Он не прокручивается до конца содержимого, и если я меняю ориентацию, он немного портится.

Могу ли я использовать jQuery Mobile так же, как я использовал iScroll?А как насчет Сенча Touch?(Я видел все примеры для Sencha Touch, и это было потрясающе, просто я не хочу кодировать, как они говорят - просто javascript - я хочу написать html, а затем с помощью javascript сказать, что определенный элемент ul на самом деле является списком иследует рассматривать как таковой).

Кто-нибудь может порекомендовать мне учебник или что-нибудь, где я мог бы заставить небольшое веб-приложение работать хорошо?

1 Ответ

1 голос
/ 21 августа 2011

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, поскольку он позволяет разработчику беспокоиться только о функциональности, а не об особенностях устройств.

Здесь есть страница , предназначенная для прокрутки контента в div с фиксированной высотой, которая может быть вам полезна (хотя я не видел ваш код, поэтому трудно сказать).

Мой опыт работы с iScroll заключается в том, что он далек от идеала, а jQuery touch и jQuery mobile - это фреймворки, которые не достигли уровня блеска, который показывает Sencha Touch.

Мой совет, чтобы вы взяли Sencha Touch и начали изучать фреймворк. Версия 2 выйдет в ближайшие несколько месяцев и обещает поддержку еще большего количества устройств (например, Windows Phone 7).

Прокручиваемость от Джо Хьюитта также может стоить посмотреть, хотя он не работал над этим так много в последние месяцы.

...