デバイスと OS によって異なるため、ページ コンテンツ ブロックの内側の幅と高さ (ナビゲーション バーとツールバーなし) を取得する方法。
content-block-inner に id を指定してから を使用しようとしまし$$('#test').height;
たが、失敗しました。
<!-- Pages, because we need fixed-through navbar and toolbar, it has additional appropriate classes-->
<div class="pages navbar-through toolbar-through">
<!-- Page, data-page contains page name-->
<div data-page="index" class="page">
<!-- Scrollable page content-->
<div class="page-content">
<div class="content-block" style="margin: 0px; padding: 0px;" id="test">
<div class="content-block-inner" style="margin: 0px; padding: 0px;">
<div id="mypage" style="width:100%; height:80vh; margin: 0px; padding: 0px;">
</div>
</div>
<div class="toolbar" style="width:100%; margin: 0px; padding: 0px;" id="draw_toolbar">
<div class="toolbar-inner">
<i class="icon icon-bars" onclick="test()"></i>
<i class="icon icon-bars" onclick="test()"></i>
<i class="icon icon-bars" onclick="test()"></i>
<i class="icon icon-bars" onclick="test()"></i>
<i class="icon icon-bars" onclick="test()"></i>
</div>
</div>
</div>
</div>
</div>
</div>
の戻り値$$('#test').height
。
function(){
return this[0]===window?window.innerHeight:this.length>0>parseFloat
}