人才网站怎么做,刚刚中国宣布重大消息,wordpress站点运行时间,建站申请范文起因
在微信小程序中使用uni-popup组件时#xff0c;出现滚动穿透#xff0c;并且uni-popup内部内容不会滚动问题。 解决
滚动穿透
查阅官方文档#xff0c;发现滚动穿透是由于平台差异性造成的#xff0c;具体解决可以参照文档禁止滚动穿透
templatepage-…起因
在微信小程序中使用uni-popup组件时出现滚动穿透并且uni-popup内部内容不会滚动问题。 解决
滚动穿透
查阅官方文档发现滚动穿透是由于平台差异性造成的具体解决可以参照文档禁止滚动穿透
templatepage-meta :page-styleoverflow:(show?hidden:visible)/page-metaview classcontainer!-- 普通弹窗 --uni-popup refpopup background-color#fff changechange!-- ... --/uni-popup/view
/template
scriptexport default {data() {return {show:false}},methods: {change(e) {this.show e.show}}}
/script 内部滚动
内部滚动解决方式比较简单在uni-popup里面加上一个scroll-view组件并设置scroll-y属性为true就好。其他优化如下
将uni-popup组件的padding设置为0是为了让滚动条出现在边上而不是内部scroll-view里面的view设置一个高度是为了防止超出状态栏
uni-popup refexecPopup background-color#fff changechangePopup stylepadding: 0;scroll-view :scroll-ytrueview classpopup_box styleheight: calc(100vh - 80px);padding: 20px;/view/scroll-view
/uni-popup
