淘先锋技术网

首页 1 2 3 4 5 6 7

请在浏览器的移动视图中访问此页面,并检查页面。

enter image description here

我需要将标题(div与类ClinicHeaderMobile-module _ _ header-ycbjx default default)设置为position sticky,它当前设置为fixed。原因是,有时会在标题上方添加一个用于警告的动态div(它会有一个静态位置,为其自身的高度和宽度占据空间),因此标题需要向下移动以适应警告div的高度。

现在,即使我在dev tools中将标题div位置更改为sticky,我也会看到它在滚动页面时滚动,而不是保持粘性。

enter image description here

在进一步的检查中,我看到在汉堡菜单的标题中有第三个嵌套的div,带有导航栏滑出类,它有style transform: translateX(100%)用于几个规则。ClinicHeaderMobile-module _ _ header-ycbjx。导航条。滑出和。ClinicHeaderMobile-module _ _ header-ycbjx。导航条。当我取消选中这两个规则的transform属性时,标题在滚动时似乎很粘。我不知道为什么嵌套div中的transform属性会导致header即使在position sticky的情况下也不具有s sticky的行为,以及如何修复它。