美文网首页
uniapp安卓开发 遇到的问题(不定期更新)

uniapp安卓开发 遇到的问题(不定期更新)

作者: 傲慢_ | 来源:发表于2023-06-08 14:16 被阅读0次
  • 弹框后滚动穿透解决方法

弹框后滚动穿透解决方法

// 根据弹窗显示隐藏 控制body的变化
statusEvent(value) {
  if (value) {
            this.fixedBody()
  } else {
      this.looseBody()
  }
}
fixedBody() {
  let scrollTop = document.body.scrollTop || document.documentElement.scrollTop
  document.body.style.cssText += 'position:fixed;width:100%;top:-' + scrollTop + 'px;'
}

looseBody() {
  let body = document.body
  body.style.position = ''
  let top = body.style.top
  document.body.scrollTop = document.documentElement.scrollTop = -parseInt(top)
  body.style.top = ''
}

相关文章

网友评论

      本文标题:uniapp安卓开发 遇到的问题(不定期更新)

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