具有两个滚动条，一个大一小，无法正常工作的移动主页

Question

这不是可重现的问题。我没有要共享的代码（更具体地说：我有太多代码，不知道问题可能在哪里）。

我只是希望对可能的问题获得建议/见解（也许我可以从那里进行故障排除）。

所以我有一个主页。主页上有一个菜单，该菜单显示在移动版本上。菜单是透明的，并且根据此代码向下滚动到0位置时应该会变成白色：

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > 0) {
/*code here*/
}

问题是，在菜单变成白色之前，我滚动了半页。因此，在我开始滚动后，仅在以50％的视口滚动后，它才直接起作用。

[这里是一个屏幕记录，显示了它的工作方式（忽略丑陋的网站，请参阅透明菜单何时变为白色）：https://imgur.com/a/KHAeSOM

请注意，相同的代码逻辑应用于菜单的桌面版本，并且在桌面上可以正常工作。

[在响应模式下对移动版本进行故障排除时，我得到两个滚动条-一个小（正常）和一个大。看来我的问题出在“大”滚动条上-好像应该有一个div覆盖了所有首页，但最终以某种方式覆盖了95％的页面，最后我还是弄乱了功能。

这里是滚动条的记录：https://imgur.com/a/Bcovx9i

我在上面的录音中隐藏了域名，但是无论如何我都会分享它，以防某些善良的程序员愿意看一下它：https://www.thedigitalarabs.com

因此，此时任何建议都将有所帮助。我试图检测第二部分何时在视口中可见，以触发上面的白色功能，但没有用。

知道我使用的是fullpage.js插件（在移动设备上已禁用，可能会很有用，并且我怀疑由于此原因，我在移动菜单上遇到了问题。

谢谢您能提供的任何帮助。

Answer 1

我在您的页面上发现了一些样式，这必须是这种情况

@media screen and (max-width: 480px)
.visible-bar-container {
     display: none;
}

并且如果您找不到它的来源，请在您网站的某些样式表中使用此代码

@media screen and (max-width: 480px)
.visible-bar-container {
    display: block!important;
}