uni-app针对普遍性的scroll自适应百分比高度和小程序状态下的scroll自适应百分比高度

<!-- #ifndef MP-WEIXIN -->

<scroll-view scroll-y="true"  class="tab_list"  v-bind:style="{'height': scroll_Height }">

<!-- #endif -->

<!-- #ifdef MP-WEIXIN -->

    <!-- scroll_Height_1 -->

<scroll-view scroll-y="true"  class="tab_list"  style="{{ 'height:'+scroll_Height_1+'px'}}" >

<!-- #endif -->


</scroll-view>


///////////////////////////////////////////////////////////

JS部分

    var Height = uni.getSystemInfoSync().screenHeight  *1*2 + 'upx';

    this.scroll_Height_1 =  uni.getSystemInfoSync().screenHeight ;

    this.scroll_Height= Height.toString() ;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、项目目录结构 一个uni-app工程,默认包含如下目录及文件: 2、应用生命周期 uni-app 支持如下应用...
    番茄炒西红柿啊阅读 4,168评论 0 0
  • 资料 uni-app 官网 正文 1. 基本创建并启动工程操作 原文地址 项目的创建# 全局安装脚手架的两种方式...
    sunxiaochuan阅读 10,043评论 0 5
  • uni-app框架介绍 介绍 uni-app 是一个跨端开发框架,一套代码运行多个平台,并可以使用条件编译实现不同...
    Jagtu阅读 14,552评论 0 0
  • 我用scroll-view的时候:用手机模拟器和小程序查看的时候并没有出现滚动条,真机运行的时候出现滚动条,用h5...
    安素白阅读 8,646评论 0 3
  • 1、APP开发一个人脸识别,实现刷脸功能 首先要考虑的是实现流程: 1、打开摄像头——自动读取照片——传输给后端—...
    冬晨_f7a6阅读 15,292评论 1 2