CSS 粘性定位 sticky 详解

当前第2页 返回上一页

html结构：

解决办法:

在使用组件库的tab时，外层套一个div，防止点击穿透和不正常的事件流走向 或者（一个治标不治本的方法，具体看业务场景）

.组件库的样式无法改，sticky作为tab组件的行内样式，因为我使用这个tab时是直接在viewpoint的顶部的，这是完全可以用fixed达到效果。我在调用类的外部设置了position:fixed !import；样式最高优先级去覆盖了组件库中的定位样式，就正常了。

推荐教程：《PHP教程》《CSS教程》

以上就是CSS 粘性定位 sticky 详解的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

css如何设置checkbox大小

css如何设置内边距

css 实现背景动态渐变效果

css中的浮动属性值有哪些

4种移动端适配方法

css实现箭头和带缺口提示框

css用什么打开

css如何做三角形

如何利用css实现放大缩小关闭效果

css如何实现文字不能选中

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » CSS 粘性定位 sticky 详解