关于lavas1 MPA模板再移动端下拉刷新无法禁用问题
Closed this issue · 2 comments
qq282126990 commented
原因在于模板的 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再次生效
PengXing commented
这样修改会不会导致页面左滑右滑失效?
qq282126990 commented
并不会失效,因为我人为的在div里面制造了一个 Dom 代替 body 标签行使最外层滚动容器的权利