赞
踩
弹窗弹出步骤:第一步:获取滚动条的位置
var scrollTop = document.body.scrollTop;
第二步:设置背景元素的位置
var contentStyle = document.getElementById("wrapper").style;//wrapper是可以滚动的背景元素id
contentStyle.top = "-"+scrollTop+"px";
第三步:设置背景元素的position属性为‘fixed’
contentStyle.position = 'fixed'; //contentStyle是第二步的变量
弹出关闭步骤:第一步:恢复背景元素的初始位置
var contentStyle = document.getElementById("wrapper").style;
contentStyle.top = "0px";
第二步:恢复背景元素的position属性(初始值为absolute,就恢复为absolute,以此类推)
contentStyle .position = 'absolute';
第三步:设置滚动条的位置
window.scrollTo(0, scrollTop);//scrollTop是弹窗弹出第一步获取的值
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。