Попытка избавиться от адресной строки при использовании ChocolateChip-UI

Question

Я использую ChocolateChip-UI ( http://www.chocolatechip-ui.com/) в течение нескольких дней, и мне действительно нравится, как ему удается отобразить внешний вид в соответствии с установленными стандартами мобильной связи.

Одной из проблем, с которыми я столкнулся при адаптации своего сайта к CC-UI, была неспособность создать адресную строку при прокрутке. Я перепробовал все, включая метатеги, или даже взлом с прокруткой до 1px на onLoad, Ничего не сработало. Как вы можете видеть, даже демонстрация, которую они имеют, не заставляет адресную строку исчезать.

Как я могу это исправить? Мне действительно нужны эти 40-50px сверху. Я думаю, что адресная строка, особенно на iOS старше v7, нарушает согласованность дизайна и, следовательно, снижает внимание пользователя

Answer 1

Об этом есть обсуждение в CHUI Google Group. Вы можете связаться с ним здесь: https://groups.google.com/forum/

От Роберта Биггса ответь на это

$('body').addClass('hideGlobalNav');
Then have some CSS in your document's header for a custom style:

body.hideGlobalNav #global-nav {
    display: none !important;
}
body.hideGlobalNav #articleWithoutGlobalNav {
    top: 0 !important;
}

Затем вам нужно будет удалить этот класс из тега body, когда пользователь уходит. Я не уверен, как настроена навигация в вашем приложении, уходит ли пользователь, возвращаясь назад или вперед, но вы можете справиться с этим несколькими способами. Вы можете добавить прослушиватели событий для навигации, и когда пользователь покидает #articleWithoutGlobalNav, вы можете удалить "hideGlobalNav" из тега body. Вы могли бы сделать что-то вроде этого:

$('article').on('navigationend', function(e) {
   // e.target is the current article that loaded
   if (e.target.id === 'articleWithoutGlobalNav') {
 $('body').addClass('hideGlobalNav');
   } else {
          $('body').removeClass('hideGlobalNav');
   }
})