移动端如何实现滚动穿透效果?

更新于
2026-09-30 18:53:14
1阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计113个文字,预计阅读时间需要1分钟。

移动端如何实现滚动穿透效果?

移动端滚动穿透/弹窗弹出时,固定body元素功能:

javascriptfunction fixedBody() { var scrollTop=document.body.scrollTop || document.documentElement.scrollTop; document.body.style.cssText='position: fixed; top: -' + scrollTop + 'px;';}

移动端滚动穿透

// 弹窗弹出的时候,固定body function fixedBody(){ var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; document.body.style.cssText += 'position:fixed;top:-'+scrollTop+'px;'; } // 弹窗关闭时,恢复body function looseBody() { var body = document.body; body.style.position = ''; var top = body.style.top; document.body.scrollTop = document.documentElement.scrollTop = -parseInt(top); body.style.top = ''; }

移动端如何实现滚动穿透效果?

本文共计113个文字,预计阅读时间需要1分钟。

移动端如何实现滚动穿透效果?

移动端滚动穿透/弹窗弹出时,固定body元素功能:

javascriptfunction fixedBody() { var scrollTop=document.body.scrollTop || document.documentElement.scrollTop; document.body.style.cssText='position: fixed; top: -' + scrollTop + 'px;';}

移动端滚动穿透

// 弹窗弹出的时候,固定body function fixedBody(){ var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; document.body.style.cssText += 'position:fixed;top:-'+scrollTop+'px;'; } // 弹窗关闭时,恢复body function looseBody() { var body = document.body; body.style.position = ''; var top = body.style.top; document.body.scrollTop = document.documentElement.scrollTop = -parseInt(top); body.style.top = ''; }

移动端如何实现滚动穿透效果?