ziqim/zhiqim_ui/conf/mobile.zml

<#--头部主内容，mobileUI滚动条事件-->
<#function zhiqim_com_mobileUI_scrollJs()>
<script>
function mobileFixed()
{//滚动、缩放窗口时，手机展示区域自适应
    if (document.documentElement.clientWidth <= 1280){
        Z(".mobileUI-right").css("position","absolute").css("top",20);
        return;
    }
    var rollTop = window.screenTop;
    var topHeight = Z(".topnav").offsetHeight();
    var divTop = Z("#mobileUI_content")[0].getBoundingClientRect().top;
    if (divTop <= topHeight){
        Z(".mobileUI-right").css("position","fixed");
            Z(".mobileUI-right").css("top",topHeight + 20);
    } else {
        Z(".mobileUI-right").css("position","absolute")
            .css("top",20);
    }
}
<!--
Z.onload(function()
{
    mobileFixed();
    Z(document).on("scroll",function(){
        mobileFixed();
    });
    Z(window).on("resize",function(){
        mobileFixed();
    });
});
//-->
</script>
</#function>

<#-- zhiqim.mobile右侧demo -->
<#function zhiqim_com_ZmUI_demo_start(url)>
<#if url == undefined>
${Styles.src("/src/zhiqim.mobile.css")}
${Scripts.src("/src/zhiqim_dialog.mobile.js")}
${Scripts.src("/src/zhiqim_calendar.mobile.js")}
${Scripts.src("/src/zhiqim_tabnav.mobile.js")}
${Scripts.src("/src/zhiqim_numInput.mobile.js")}
${Scripts.src("/src/zhiqim_popUp.mobile.js")}
${Scripts.src("/src/zhiqim_slider.mobile.js")}
<style>
html, body{height:auto;overflow:auto;font-size:100px;}
body{font-size:.16px;}
table,td,div{line-height:inherit;}
</style>
<div class="mobileUI-right">
    <div id="ZmUI_demo">
<#else>
<div class="mobileUI-right">
    <div id="ZmUI_demo">
        <iframe src=${url}></iframe>
</#if>
</#function>
<#function zhiqim_com_ZmUI_demo_end()>
    </div>
</div>
</#function>