首页 > 移动平台 > 详细

【UNI-APP】跳转外部链接 保留顶部

时间:2021-03-28 11:41:31      阅读:291      评论:0      收藏:0      [点我收藏+]
<template>
    <view class="">
        <HeadBar title="标题" background_b="#f3212a" color="black" leftbtnclass="gc-000"></HeadBar>
        <web-view src="外部链接"></web-view>
    </view>
</template>
// 跳转外部链接 保留顶部
            getsize() {
                var height = 0; //定义动态的高度变量,如高度为定值,可以直接写
                uni.getSystemInfo({
                    //成功获取的回调函数,返回值为系统信息
                    success: (sysinfo) => {
                        height = sysinfo.windowHeight; //自行修改,自己需要的高度 此处如底部有其他内容,可以直接---(-50)这种
                    },
                    complete: () => {}
                });
                var currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
                setTimeout(function() {
                    var wv = currentWebview.children()[0];
                    wv.setStyle({ //设置web-view距离顶部的距离以及自己的高度,单位为px
                        top: 68, //此处是距离顶部的高度,应该是你页面的头部
                        height: height
                    })
                }, 1000); //如页面初始化调用需要写延迟
            },
onLoad() {
            that = this
            this.getsize()()

        },

 

【UNI-APP】跳转外部链接 保留顶部

原文:https://www.cnblogs.com/wanghong1994/p/14587440.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!