关闭弹出框后禁止页面滚动以及去掉滚动条避免页面内容偏移

关闭弹出框后禁止页面滚动以及去掉滚动条避免页面内容偏移

ID:11551816

大小:22.78 KB

页数:4页

时间:2018-07-12

关闭弹出框后禁止页面滚动以及去掉滚动条避免页面内容偏移_第1页
关闭弹出框后禁止页面滚动以及去掉滚动条避免页面内容偏移_第2页
关闭弹出框后禁止页面滚动以及去掉滚动条避免页面内容偏移_第3页
关闭弹出框后禁止页面滚动以及去掉滚动条避免页面内容偏移_第4页
资源描述:

《关闭弹出框后禁止页面滚动以及去掉滚动条避免页面内容偏移》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、关于弹窗后,禁止页面滚动提升弹窗的用户体验弹窗后不允许页面滚动可以通过为内容块设置 position:fixed; 使其虽然滚动了,但内容块仍然居中显示,给人一种没有滚动的感觉。也可以为 html、body 标签设置 overflow-y:hidden; 属性,使其滚动条消失,无法滚动。通常来说,一般都要使用hidden来隐藏滚动条禁止滚动,然后使用absolute或者fixed就看你自己的需求来选择。但是,对 html或body 设置 overflow-y:hidden; 之后,由于滚动条没有了,宽度变宽,页面内容会整体偏移一点,虽然只是一点,但是

2、很明显。这简直太影响用户体验了!!去掉滚动条但是避免页面内容偏移知乎上前段时间也提到了这个问题:如何禁止浏览器滚动条滚动,但是又不让它消失?.