0

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

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

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

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

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

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

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

4

1 回答 1

0

我以某种方式解决了这个问题。突然我想,如果我使用 position:absolute; 两个导航的财产。我通过使用以下代码解决了问题。

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

注意:链接不再可用或更改,但解决方案是绝对的。

于 2016-10-06T20:44:12.733 回答