一:页面会初始化到顶端,而后静止
css代码:
.ovfHiden{overflow: hidden;height: 100%;}jquery:
$(".header_right").click(function(){$('html,body').addClass('ovfHiden'); //使网页不可滚动
$(".searchbox").show();
})
$(".yg-close").click(function(){
$('html,body').removeClass('ovfHiden'); //使网页恢复可滚
$(".searchbox").hide();
})二:页面正常静止
1.打开新页面时需要禁止鼠标滚轮,禁止页面滑动;
在调用显示层时加上这句js代码就可以了:
document.documentElement.style.overflow = "hidden";
关闭层的时间别忘了在加上这句:
document.documentElement.style.overflow = "scroll";
2.设置滚轮原来位置
var top_temp = $(document).scrollTop()||document.documentElement.scrollTop || document.body.scrollTop; window.parent.scrollTo(0,top_value);
以上就是如何阻止遮罩层后页面滚动的实例的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号