Question

我试图解决一个我认为与Wordpress粘性菜单问题有关的问题。此页面显示了相关问题：http://kitchpickleball.com/product-category/usopencollection/performance-ss-crews-usopencollection/

在Chrome中，使用鼠标滚轮向下滚动，此页面会根据浏览器窗口的大小显示不同类型的行为。

a）如果浏览器窗口的大小（垂直）使得只有一行产品可见，则行为符合预期。页面将一直滚动到页脚，并显示粘性菜单。

b）如果我的浏览器窗口大小使得两行产品几乎都不可见，那么在我到达页脚之前内容会闪烁。（有时，我甚至无法获取到页脚。）顶部的粘性菜单永远不会显示。

我已经看到了一些针对该问题的建议解决方案（假设问题是一个棘手的菜单问题），但还没有完全理解它们。我非常精通CSS，但在JS方面却不是很多。我理解的一个解决方案是使标题和粘性标题具有相同的大小，但在我的情况下，这还没有解决问题。我希望有人可以帮助我。非常感谢！

Answer 1

覆盖此css并尝试。

<!DOCTYPE HTML>
<html>
<head>
<title>Global HypeBeast</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
  </head>
  <body>
    <div id="firstheader">
  <h1>
    Global HypeBeast: Street Fashion WORLDWIDE
  </h1>
    </div>
  </body>
</html>

wordpress粘性菜单滚动问题 - 浏览器窗口大小？

1 个答案: