1. 首页
  2. 编程语言
  3. Javascript
  4. 小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)

小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)

上传者: 2021-06-07 00:53:02上传 PDF文件 52.31 KB 热度 7次

开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时,往往会使用到:position: fiexd;属性,但是往往会出现绑定在定位元素上的事件无法触发,原因出现在哪里?经过摸索,终于找到答案:元素定位之后, z-index的值默认还是0,又因为定位而导致元素脱离了原来的文档流,所以,定位元素相对于用户来说,虽然看得见,但是就像已经“不存在”一样,所以必须设置值:z-index至少大于等于1,将定位元素暴露给用户,这样才能触发绑定在元素之上的事件。

下载地址
用户评论