javascript - Materialise 下拉菜单在移动设备中禁用 Sly jQuery 滚动条

Question

我正面临一个一整天都无法解决的问题。到了晚上，我不明白是什么导致了这个问题。现在，我知道是什么原因造成的，但我不知道为什么会导致这个问题。

首先，我正在开发基于 materialize.css 作为前端框架的新 cms。如您所见，下面的链接有两个导航，一个在另一个下，我在第二个导航上使用 Sly Jquery Scrollbar，因为它提供了通过触摸滚动的功能。它在桌面上运行良好，但在移动设备上无法正常运行。

问题源于第一个导航中的两个下拉菜单。当第一个导航栏中的两个下拉菜单处于事件状态时，狡猾的滚动条会在第二个导航栏中开始或结束导航栏。但是当我删除这两个下拉菜单之一时，通过触摸滚动可以正常工作。我在下面有 3 个链接，在第一个链接中，两个下拉菜单都处于事件状态，在第二个链接中，只有第一个下拉菜单处于事件状态，在最后一个链接中，只有第二个下拉菜单处于事件状态。

我希望你能以某种方式帮助我，我花了很多时间来解决这个恼人的问题，但我唯一能做的就是了解问题的原因:S

链接:
第一:https://adminblt.aydinbulut.com/welcome

第二个:https://adminblt.aydinbulut.com/welcome2

第三:https://adminblt.aydinbulut.com/welcome

Answer 1

我以某种方式解决了这个问题。突然想到，如果我用position:absolute;会怎样呢？两个导航的属性。我使用以下代码解决了问题。

nav.first{
 position: absolute;
 left: 0;
 top:0;
 right:0;
}
nav.second{
 position: absolute;
 left: 0;
 top:56px;
 right:0;
}

注意:链接没有更多可用或更改，但解决方案是绝对的。