2015-02-17 5 views
1

Я пробовал все, но не мог получить высоту содержимого страницы. Я использую пользовательский интерфейс Onsen с JQuery. Может ли кто-нибудь предоставить мне пример?Onsen UI: получить высоту контента

Я пытаюсь вычислить высоту минус navbar, чтобы я мог настроить карту на полную высоту.

Спасибо!

ответ

4

Вам не нужно, чтобы вычислить любую высоту, просто поместите карту в DIV и установить стиль что-то вроде этого:

#map_canvas { 
 
    position: absolute; 
 
    width:100%; 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
    z-index: -1 
 
}

Во всяком случае, если вы действительно нуждаетесь в высоту текущей страницы, вы можете получить ее с помощью JQuery, используя $('.page__content').height();

+1

Спасибо @ Andi Pavllo! Я должен был указать идентификатор страницы следующим образом, чтобы заставить его работать: $ ("# page-detail .page__content"). Height(); – MoreScratch

+0

Я рад, что помог :) –

+0

p.s. @MoreScratch, если вам интересно, я только что опубликовал статью о блоге Onsen UI о том, как интегрировать Карты Google с пользовательским интерфейсом Onsen, предполагая, что это та карта, которую вы заинтересовали реализовать. http://onsen.io/blog/onsen-ui-google-maps-javascript-api-v3-angularjs-sample-application/ –

Смежные вопросы