使基础粘性 div 可点击
Make underlying sticky div clickable
On this page(Wordpress 站点),粉红色的元素在触摸菜单时变得粘稠。但是这个元素是不可点击的,因为左边的标志,使得菜单包装更高,从而使粘性元素不可点击。
我无法在 menu
div 上使用 pointer-events:none
,因为那样会使菜单 + 徽标无法点击。
此外,z-index
没有用,因为粘性元素嵌套在内容包装器中。因此,如果我使内容的 z-index
高于菜单,则内容将滚动到菜单顶部。
我可能应该将粘性元素与内容包装器分开,但由于我不是 Wordpress 线框方面的专家,所以我不知道该怎么做。
或者还有其他我可以尝试的技巧吗?
如果您只是将 class fusion-logo
设置为 position: absolute
徽标容器将不会遵循元素的正常流动,因此 fusion-header
高度将为与导航菜单相同,粉红色元素将位于其正下方,可点击
On this page(Wordpress 站点),粉红色的元素在触摸菜单时变得粘稠。但是这个元素是不可点击的,因为左边的标志,使得菜单包装更高,从而使粘性元素不可点击。
我无法在 menu
div 上使用 pointer-events:none
,因为那样会使菜单 + 徽标无法点击。
此外,z-index
没有用,因为粘性元素嵌套在内容包装器中。因此,如果我使内容的 z-index
高于菜单,则内容将滚动到菜单顶部。
我可能应该将粘性元素与内容包装器分开,但由于我不是 Wordpress 线框方面的专家,所以我不知道该怎么做。
或者还有其他我可以尝试的技巧吗?
如果您只是将 class fusion-logo
设置为 position: absolute
徽标容器将不会遵循元素的正常流动,因此 fusion-header
高度将为与导航菜单相同,粉红色元素将位于其正下方,可点击