2014-10-02 4 views
0

У меня возникла проблема с jQuery Mobile. Если на странице недостаточно содержимого, появится вертикальная полоса прокрутки, поэтому на странице будет две полосы прокрутки. Я использую левую и правую панели с отображением данных = «push» (если это актуально).jQuery Мобильная двойная прокрутка CSS

Возможно, проблема заключается в том, как включить мои файлы CSS? В моем «основном» файле CSS я переопределяю некоторые стили jQuery Mobile CSS. Это правильный способ настройки jQuery Mobile CSS - помимо использования Themeroller, который я еще не использовал? Я в основном меняю такие вещи, как заполнение, маржа и т. Д.

Я заметил, что если я изменил класс ui-content из overflow-x: hidden, переполнения-x: visible, то полоса прокрутки исчезнет.

Так что мои вопросы:

  1. Почему появляется полоса прокрутки?
  2. Я включаю файл jQuery Mobile CSS в правильном порядке? До моего собственного файла CSS?
  3. Если я использую Themeroller, я должен использовать сгенерированный файл CSS, а также файл структуры структуры? Файл структуры появляется после файла Themeroller?

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"> 
<link type="text/css" href="main.css" rel="stylesheet" /> 

Любая помощь будет принята с благодарностью. Извините, если я бродят. Благодаря!

+0

1) Ваш собственный CSS противоречит CSS jQM 2) Добавьте свой собственный CSS до jQM. 3) структура CSS должна быть включена до пользовательского CSS ThemeRoller. – Omar

+0

Спасибо, что ответили Омаром. Я взглянул на веб-сайт ThemeRoller, где они говорят, что настраиваемая тема должна быть добавлена ​​до структуры файла CSS. Не уверен, что делать сейчас. Что касается моего файла main.css, если я включу его перед jquery.mobile-1.4.2.min.css, не будут ли последние правила отменять первое? Спасибо – user2523596

+0

Вам нужно попробовать все возможные способы, чтобы найти идеальное решение. – Omar

ответ

0

Это связано с двумя вещами, css, которые вы связываете, и с заказом, который вы связываете с ними.

При использовании темы, вы не хотите, чтобы связать регулярное jquery.mobile.css файл вообще, а нужно сначала связать тему CSS файл, то структура файл JQuery .mobile. структура .min.css только. Вероятно, вы также должны указать файл mobile.icons.

<link rel="stylesheet" href="css/themes/your-theme.min.css" /> 
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.structure.min.css"> 
Смежные вопросы