Materialize下拉列表在移动设备中禁用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;
}

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