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

思考步骤:
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文件

解决小程序点击弹出模态框,子父级都有滚动条问题_第1张图片

你可能感兴趣的:(javascript,html5,微信小程序)