Question

如何获取页面内容块内部宽度和高度（没有导航栏和工具栏），因为它在设备和操作系统之间有所不同。

我尝试使用$$('#test').height;向内容块内部提供id，但它失败了。

<!-- 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
}

Answer 1

如果id="test"，则选择器应为$$('#test')。

在上面的示例中，哈希（＃）不存在。

Framework7：如何获取页面内容 - 块内部宽度和高度（没有导航栏和工具栏）

1 个答案: