美文网首页
Vue渲染问题以及穿透滚动

Vue渲染问题以及穿透滚动

作者: 念念璇语 | 来源:发表于2019-01-07 14:45 被阅读0次

    在IOS上页面上有一个对话框弹出来的时候,这时你在页面上去上下滑动,会发现对话框后面的内容会出现滚动(不论是否有半透明浮层,对话框内容是否能滚动)

    如何取解决穿透滚动:

    一、若是对话框弹出时的穿透滚动

        1.1 监听函数

    1.2 添加和移除事件里面的第二个参数的那个函数要求是同一个函数,然而我封装的两个方法调用的其实是两个不同的函数,这就导致了移除滑动监听事件的时候并没有真正的移除,也就导致了其它页面的滚动出现问题

    二、封装的组件穿透滚动

        2.1 明确条件渲染的区别

    2.2 选择v-show的时候出现穿透滚动,即在父级滚动的时候打开组件,组件也会出现滚动,目前选择的最快的解决方法是:打开子级组件的时候,将滚动条回到顶部

    高是100%,不是可视区域的高 解决方法如下:

    如果子组件在一屏上展示,即高为可视区域的高 解决方法

    根据CSS3规范,视口单位主要包括以下4个:

    vw : 1vw 等于视口宽度的1%

    vh : 1vh 等于视口高度的1%

    vmin : 选取 vw 和 vh 中最小的那个

    vmax : 选取 vw 和 vh 中最大的那个

    相关文章

      网友评论

          本文标题:Vue渲染问题以及穿透滚动

          本文链接:https://www.haomeiwen.com/subject/mururqtx.html