解决小程序点击弹出模态框，子父级都有滚动条问题

LucasTwilight 发布于2019-08-26 11:32 / 3037人阅读

摘要：思考步骤使用作为根节点包裹所有，并动态绑定的属性，自定义它的高度，是因为我底部有选项卡，你若不需要就不用减点击按钮触发事件，子级内容显示，更改的值为，关闭弹窗的点击事件中，更改的值为贴出主要代码文件姓名请输入姓名

思考步骤：
1.使用作为根节点包裹所有view，并动态绑定scroll-view的scroll-y属性，自定义它的高度，var calc = clientHeight * rpxR-100; “-100”是因为我底部有选项卡，你若不需要就不用减；
2.点击button按钮触发showModel事件，子级内容显示，更改isScroll的值为false，关闭弹窗的点击事件中，更改isScroll的值为true

贴出主要代码
wxml文件

css文件

::-webkit-scrollbar{
  width: 0;
  height: 0;
  color: transparent;
}
.hide{
  display: none
}
.show{
  display: block;
}
scroll-view{
  width:100%;
  height:100%;
}
#cientWill{
  position: fixed;
  width: 750rpx;
  height: 100vh;
  overflow: auto;
  padding: 0 20rpx;
  top: 0;
  left: 0;
  background:#fff;
  z-index: 999;
}

js文件

GPU云服务器云服务器子父级文本框加滚动条 js点击添加滚动条小程序都有哪些

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107062.html

用vue实现模态框组件

摘要：组件结构头部内容区域尾部操作按钮模态框结构分为三部分，分别为头部内部区域和操作区域，都提供了，可以根据需要定制。调用点击确定按钮的回调处理点击取消按钮的回调处理用创建一个索引就很方便拿到模态框组件内部的方法了。基本上每个项目都需要用到模态框组件，由于在最近的项目中，alert组件和confirm是两套完全不一样的设计，所以我将他们分成了两个组件，本文主要讨论的是confirm组件的实...

mrcode 2019-08-21 14:28 评论0 收藏0
JavaScript实现[网易云音乐Web站登录窗口]拖拽功能

摘要：说明你可能发现有很多网站他们的登录窗口或者说是登录框是可以拖动的更有甚者他们的站点提示框都可以拖动你也许可能会对这个功能的实现感兴趣那么这篇文章可能会对你有所帮助具体的网站示例以网易云音乐站点为例，具体效果如下图所示实现登录窗口的拖拽原理解说明你可能发现有很多网站他们的登录窗口或者说是登录框是可以拖动的, 更有甚者他们的站点提示框都可以拖动, 你也许可能会对这个功能的实现感兴趣, ...

cgh1999520 2019-08-21 12:01 评论0 收藏0
html5与css3阶段复习题

摘要：将超出对象尺寸的内容进行裁剪，不会出现滚动条。过渡效果使用动画使用需要触发一个事件才会随着时间改变其属性在不需要触发任何事件的情况下，也可以显式的随时间变化来改变元素属性，达到一种动画的效果动画不需要事件触发，过渡需要。 1.请列出核心选择器、层次选择器有哪些 (5) 核心选择器：id选择器、class选择器、标签选择器、逗号选择器、普遍选择器层次选择器：子代选择器、后代选择器、下...

techstay 2019-08-30 15:44 评论0 收藏0