当前位置: 首页 > ops >正文

sticky设置了top但还是有大约1px空隙

如图,顶部元素设置了sticky,搜索框也同时设置了sticky,但是中间还是有一点空隙

解决方案一:
header 的 top=0
search 的 top = header 的 top-1
问题:
滑动到顶 sticky 时会跳动

解决方案二:
(找css快眼瞎了,终于定位到原因了)
header 有个 box-shadow
去掉 box-shadow 后就好了

完美融合!

还有第三种方案:
把 header 和 search 放在同一个sticky的元素中,这个是改别人的代码,懒得动大结构了,就这样吧==

http://www.xdnf.cn/news/13996.html

相关文章:

  • [深度学习]全连接神经网络
  • 迁移学习基础
  • 最大闭合子图学习笔记 / P2805 [NOI2009] 植物大战僵尸
  • Nature Light: Science Applications>:拓扑光子学新进展!JR态实现纳米级精度光束整形
  • TOUGH模型软件
  • 最新 Python-PLAXIS 自动化建模技术与典型岩土工程案例实践应用
  • aflplusplus:开源的模糊测试工具!全参数详细教程!Kali Linux教程!(一)
  • 解决 Git 错误:error: src refspec master does not match any
  • 篇章五 系统性能优化——资源优化——CPU优化(1)
  • 在线招聘系统源码+SpringBoot + Vue (前后端分离)
  • CVPR2024迁移学习《Unified Language-driven Zero-shot Domain Adaptation》
  • 企业架构框架深入解析:TOGAF、Zachman Framework、FEAF与Gartner EA Framework
  • NLP学习路线图(四十五):偏见与公平性
  • 一套包含15个psd的电商网站UI适用于服装鞋包行业
  • Stone 3D使用RemoteMesh组件极大的缩小工程文件尺寸
  • 秘籍分享:如何让ZIP下载的源码拥有Git“身份证”
  • Spring Boot 开发提速技巧:从项目搭建到热部署全流程优化
  • ASCII码对应表,回车、换行、空格的ASCII码值
  • VSCode - VSCode 让未被编辑的标签页不被自动关闭
  • 论文略读:MUSE: Machine Unlearning Six-Way Evaluation for Language Models
  • vue纯前端根据页面或者后台数据,读取本地文档模板,填充数据后并导出
  • Node.js特训专栏-基础篇:3. Node.js内置模块的使用
  • 【工具教程】批量PDF识别提取区域的内容重命名,将PDF指定区域位置的内容提取出来改名的注意事项
  • Vue-生命周期
  • OpenFeign声明式调用实战指南
  • Kubernetes安全机制深度解析(四):动态准入控制和Webhook
  • 前端面试专栏-基础篇:6. 跨域方案全对比(CORS/JSONP/Nginx)与安全攻防
  • Linux驱动学习day4
  • 【Twisted】Python 使用Twisted实现TCP多人聊天Demo
  • 两个矩阵的卷积运算