一、问题
使用 position: fixed;后，页面往上滑时导航栏并不会悬浮在顶部，只有在页面下拉返回顶部时导航栏才会悬浮在顶部，这是什么原因导致的，应该如何解决
二、分析原因
1、因为做的是官网，只是做基础的移动端适配，开发时从浏览器选择的模拟移动端是iphone14 pro max，因为它的大小看上去比较适合开发，后切换浏览器模拟的移动端时，发现这个问题仅在ios上出现。
2、深入分析之后，得知是由于移动端浏览器（尤其是iOS Safari）在滚动时对 position: fixed 的特殊处理机制导致的。这种行为被称为 "弹性滚动" 或 "回弹效果" ，当页面滚动到顶部或底部时，浏览器会允许继续拖动，此时固定定位的元素可能不会按预期表现。
三、解决方案
1、添加针对ios设备的特殊处理
position: fixed;
top: 0px;
z-index: 1000; /* 确保它在其他内容之上 */
/* iOS 特殊处理 */
transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
问题目前在电脑浏览器上的模拟移动端已解决，后续若有问题继续更新
