如何阻止遮罩层后页面滚动的实例

黄舟
Lepaskan: 2017-10-24 10:36:01
asal
2326 orang telah melayarinya


一:页面会初始化到顶端,而后静止
css代码:

.ovfHiden{overflow: hidden;height: 100%;}
Salin selepas log masuk

jquery:

$(".header_right").click(function(){$('html,body').addClass('ovfHiden'); //使网页不可滚动 $(".searchbox").show(); }) $(".yg-close").click(function(){ $('html,body').removeClass('ovfHiden'); //使网页恢复可滚 $(".searchbox").hide(); })
Salin selepas log masuk

二:页面正常静止
1.打开新页面时需要禁止鼠标滚轮,禁止页面滑动;
在调用显示层时加上这句js代码就可以了:

document.documentElement.style.overflow = "hidden";
Salin selepas log masuk


关闭层的时间别忘了在加上这句:

document.documentElement.style.overflow = "scroll";
Salin selepas log masuk



2.设置滚轮原来位置

var top_temp = $(document).scrollTop()||document.documentElement.scrollTop || document.body.scrollTop; window.parent.scrollTo(0,top_value);
Salin selepas log masuk

Atas ialah kandungan terperinci 如何阻止遮罩层后页面滚动的实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!