首页 > 技术文章 > 活动促销相关页面

L-xjco 2020-10-29 18:07 原文

一、js方面

  1、关于冒泡:HTML页面元素是一层一层嵌套的,有这样一个案例:<div>标签里嵌套一个<a>标签对于父元素、子元素都有相应的点击处理操作时,需要设置不相互干涉,一般在里面,小范围的那里做处理(我现在是这样理解的,点击子元素时一定会触发父元素,这时候希望执行的是子元素的跳转,那就是取消父元素的跳转 行为,去执行子元素的跳转行为)。

  2、关于执行顺序

二、css方面

  1、使用flex弹性布局,flex的这个盒子所依赖的父标签height要有个固定值,对于使用flex进行上下固定,中间滚动来说,我是直接在body标签使用display: flex属性,body也设置了具体高度,视口的高度,也能正常实现上下三行布局(网上的做法是在body内在嵌套一层,作为上下中间的包裹层,再对其使用flex属性)。

  2、对于自定义的overflow:scroll属性,上述flex实现的上下固定布局,中间滚动来说,中间部分是使用overflow-y:scroll,但是在部分ios设备上,滚动没有惯性,不顺畅,需要在滚动元素上添加属性:-webkit-overflow-scroling: touch / overflow-scrolling:touch属性。

推荐阅读