lavas-project/lavas

关于lavas1 MPA模板再移动端下拉刷新无法禁用问题

Closed this issue · 2 comments

原因在于模板的 lavas-template-vue-mpa/src/App.vue中
class=app-view 里面运用了overflow所导致的touch-action失效无法禁用下拉刷新

原代码如下:

.app-view
     position absolute
     top 0
     right 0
     bottom 0
     left 0
     overflow-x hidden
     overflow-y auto
     transition transform 0.4s cubic-bezier(.55, 0, .1, 1)
     background: $material-theme.bg-color
     color: $material-theme.text-color

修改后如下:

.app-view
     position absolute
     top 0
     right 0
     bottom 0
     left 0
     // overflow-x hidden
     // overflow-y auto
     transition transform 0.4s cubic-bezier(.55, 0, .1, 1)
     background: $material-theme.bg-color
     color: $material-theme.text-color

修改后touch-action再次生效

这样修改会不会导致页面左滑右滑失效?

并不会失效,因为我人为的在div里面制造了一个 Dom 代替 body 标签行使最外层滚动容器的权利