css - Shopify粘性导航栏上的手机尺寸未显示？

我有shopify商店，上面有标题导航栏。当屏幕尺寸调整为移动大小时，我希望此粘性标题栏停留在顶部。在我目前的情况下，粘性导航栏在桌面视图上起作用，但是当屏幕调整大小时，它消失了。我希望此标题栏以这种方式停留在顶部

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sticky_header

请告诉我如何使其在移动设备尺寸上保持粘性？

最佳答案

W3学校使用的代码可在移动设备上使用。我相信正在发生的事情（如果没有链接到shopify网站的信息，我不能100％肯定）是您的shopify主题有2个不同的导航栏，而您仅将代码应用于桌面栏。将代码应用于其他标头，因为未显示该标头，所以将类添加到隐藏元素不会引起任何问题。

if (window.pageYOffset >= sticky) {
  header.classList.add("sticky");
  mobileheader.classList.add("sticky");
} else {
  header.classList.remove("sticky");
  mobileheader.classList.remove("sticky");
}

关于css - Shopify粘性导航栏上的手机尺寸未显示？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49785773/