好资源导航 » 文章资讯 » 小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）

小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）

2023-08-24 06:13:04 62

开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时，往往会使用到：position:fiexd;属性，但是往往会出现绑定在定位元素上的事件无法触发，原因出现在哪里？

经过摸索，终于找到答案：元素定位之后，z-index的值默认还是0，又因为定位而导致元素脱离了原来的文档流（page页面层）,所以，定位元素相对于用户来说，虽然看得见，但是就像已经“不存在”一样，所以必须设置值：z-index至少大于等于1，将定位元素暴露给用户，这样才能触发绑定在元素之上的事件。




违章条数
6


罚款金额
1200


违章扣分
12



全部
可办理
扣车主分

/*--页面fixed定位层--*/
.pageHead{
position:fixed;
top:0;
width:100%;
background-color:#fff;
	z-index:10;
}

以上所述是小编给大家介绍的小程序开发页面窗口定位详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）

热门推荐

随机推荐