小程序的遮罩层弹框滚动穿透问题总结_lucky_oak的博客-程序员宝宝

技术标签: 小程序  

小程序自定义弹框遮幕层,滑动的时候,遮挡的底层布局也会跟随滚动。查询到解决方案,记录一下。这种解决方式存在一个问题,底层滑动的位置会被重置。
https://www.jianshu.com/p/3829d7b8358e
可以配合onPageScroll获取当前滚动位置,在显示浮层前保存位置,关闭浮层时通过wx.pageScrollTo({ scrollTop: scrollTop, duration:0 })滑动到之前浏览的位置。(此方法存在的问题:显示浮层时,遮挡的底层布局滑动位置已经改变。)

onPageScroll:function(e){ 
    this.scrollTop = e.scrollTop;// 获取滚动条当前位置
},

总结:

  1. 可以使用css布局通过弹框显示与隐藏进行控制,存在问题滑动位置会发生变化。
  2. 使用catchtouchmove 加 scroll-view,浮层布局添加 catchtouchmove 需要滑动的布局使用scroll-view布局包裹。存在的问题,scroll-view 内的内容一直能滑动,不能根据高度来控制滑动。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/BruceKong2016/article/details/109771829

智能推荐

ios wkweb设置图片_iOS 详解WKWebview屏蔽广告,保存图片以及截取链接_weixin_39789690的博客-程序员宝宝

(原创)2017-6-20最近刚刚实现的功能, 分享一下经验(原谅文章没有句号, 为了开发方便我设置的中文下使用英文标点).自己做了一个比较简单浏览器, 里面有模仿UC实现长按页面屏蔽广告的功能保存网页图片和获取网页跳页的链接都是基于上面做的扩展, 这里详细讲去除广告思路:手动去除广告主要有以下几个步骤:1, 获取html上的触摸事件2, 捕获触摸事件返回的html坐标(注意, 是html上的坐标...

linux splice函数,关于splice函数未定义_weixin_40001634的博客-程序员宝宝

没有用好man的下场呵呵,找个错误一直不知所措。先看splice函数:1 SPLICE(2) Linux Programmer's Manual SPLICE(2)23 NAME4 splice - splice data to/froma pipe56 SYNOPSIS7 #define _GNU_SO...

安装最新版mysql-8.0.18(yum安装)_未语的博客-程序员宝宝

注意安装mysql-8.0.18前要先删除本机安装的mariadb检查已经安装的mariadb列表rpm -qa | grep mariadb执行上面命令后会列出本机安装的mariadb列表例如:mariadb-libs-5.5.60-1.el7_5.x86_64然后执行删除,删除分为2种1,rpm -e --nodeps 后面跟上上面得到的结果rpm -e --nodeps mariadb-libs-5.5.60-1.el7_5.x86_642,yum -y remo.

csdn 博客界面右边目录栏消失的解决办法_lgxo的博客-程序员宝宝

不小心把csdn中博客界面的右边目录栏给搞消失了,在网上搜了好长时间也没有找到解决方法,但是误打误撞又改回去了,于是写了这篇博客帮助和我一样不小心更改了博客界面的朋友。

生成函数 计算机,吉布斯自由能热力学函数数值一键生成计算器_独识的博客-程序员宝宝

[/caption]吉布斯自由能(Gibbs free energy)在化学热力学中为判断过程进行的方向而引入的热力学函数。又称自由焓、吉布斯自由能或自由能。 自由能指的是在某一个热力学过程中,系统减少的内能中可以转化为对外做功的部分。自由能(free energy)在物理化学中,按照亥姆霍兹的定容自由能F与吉布斯的定压自由能G的定义。吉布斯自由能是自由能的一种。自由能指的是在某一个热力学过程中...

POJ - 1195 Mobile phones 二维树状数组 / 线段树_mmk27的博客-程序员宝宝

题目链接:https://vjudge.net/problem/POJ-1195有一个正方形区域S*S(1<=S<=1024)。含有很多小区域,小区域编号从0开始,直到S-1。每一个单位各是一个区域,每个区域上有一定数量的手机,同时每一个区域上的手机的数目也是不断变化的,现在要一边进行修改某些单位格子内的手机的数目,同时也要询问某些区域的手机数目。 数据保证每个格子内手机数目一直在...

随便推点

【每日新闻】2017年亚马逊研发投入排世界第一,超过华为、BAT 总和 | 数人云宣布与UMCloud合并..._Z1Y492Vn3ZYD9et3B06的博客-程序员宝宝

每一个企业级的人  都置顶了 中国软件网中国软件网  为你带来最新鲜的行业干货小编点评我们希望邀请更多的生态伙伴共同探讨共同行动2018年4月25日北京站,不见不散!趋势...

用gambit学博弈论--完全信息动态博弈-参与者信息集、博弈树上虚线的解释(三)_weixin_37718439的博客-程序员宝宝

参与者信息集  为了能够在博弈树上把信息集的概念体现出来,通常用虚线将属于同一信息集的所有决策结连接起来。  上图上有错误,参与者2不知道市场需求的大小。  从信息集的定义可知,一个信息集一般包含多个决策结,从上述例子中也看到信息集也可能只包含一个决策结。**只包含一个决策结的信息集称为单结信息集,到达单结信息集的参与者是完全知道其直接前列结上参与者的行动的。**如果博弈树的所有信息集都是单结的,该博弈就称为完美信息博弈,完美信息博弈意味着博弈中没有任何两个参与者同时行动,并且所有后行动者确切

如何使用 VLD 检测程序中的内存泄漏?_weixin_30339969的博客-程序员宝宝

下载地址:https://kinddragon.github.io/vld/下载 windows 安装包,进行安装即可,它会给你设置好 vs 的环境变量,使用时,直接在 vs ide 中包含即可。如何 在 Call Stack 位置无法显示文件名,和跟踪堆栈函数,则需要你更改 vld.ini 默认配置文件中的编码格式为 unicode然后它会在调试器中打印出调用堆栈,根据这个信息进行定位即可...

方差分析_root_zhb的博客-程序员宝宝

方差分析(Analysis of Variance,简称ANOVA)用于两个及两个以上样本均数差别的显著性检验。作用:确定参数对算法性能的影响基础概念:方差分析如何理解p值和F值Sum.sq.——平方和d.f. ——自由度Mean.Sq.——均方F-value——F值p-value——p值关于F值和p值每一个F值都会对应一个p值,F值越大,p值越小所以实际上F值和p值都能用来检验显著性差异p-value就是用于检验特征与变量之间相关性的假设你给出α值(常常取0.05,0.01

二分查找_aomi7565的博客-程序员宝宝

一、对有序后数组进行查找,未查找到返回 -1public static int swap(int[] t,int x){ int mid,low,high; low = 0; high = t.length-1; while(low < high){ mid = (low+high)/2; if(t[mid] > x){ high = mi...

视频教程-软考系统集成项目管理工程师视频教程(下)-软考_weixin_28882885的博客-程序员宝宝

软考系统集成项目管理工程师视频教程(下) 项目管理师、信息系统项目管理师、项...

推荐文章

热门文章

相关标签