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

Materialize dropdowns disable Sly jQuery scrollbar in mobile

本文关键字：Sly jQuery 滚动条 下拉菜单 移动 Materialize      更新时间：2023-09-26

我正面临一个问题，我不能解决一整天。到了晚上，我不明白是什么导致了这个问题。现在，我知道是什么引起的，但我不知道为什么会引起这个问题。

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

问题源于第一个导航中的两个下拉菜单。当第一个导航条中的两个下拉框处于活动状态时，滚动条会在第二个导航条中抛出导航条的开始或结束。但当我移除这两个下拉菜单中的一个时，通过触摸滚动就能正常工作。我下面有3个链接，在第一个链接中，两个下拉框都是活动的，在第二个链接中，只有第一个下拉框是活动的，在最后一个链接中，只有第二个下拉框是活动的。

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

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

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

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

我设法解决了这个问题。突然我想，如果我用位置:绝对;属性。我用下面的代码修复了这个问题。

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

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

相关文章：