Материализовать выпадающие списки отключить Sly jQuery scrollbar в мобильном телефоне

Я сталкиваюсь с проблемой, которую я не мог исправить весь день. К ночи я не мог понять, что вызвало проблему. Теперь, я знаю, что вызывает, но я не знаю, почему это вызывает эту проблему.

Во-первых, я разрабатываю и новые cms, которые на основе материализуются.css как front-end framework. Как вы можете ниже ссылки имеют два navs один под другим, и я использую хитрый jQuery Scrollbar на второй nav, потому что он обеспечивает прокрутку, касаясь. Он отлично работает на рабочем столе, но не работает правильно на мобильном устройстве.

Проблема возникает из двух выпадающих списков в первом nav. Когда два выпадающих списка в первом navbar активен, хитрый scrolbar бросание начало или конец navbar во втором nav. Но когда я удаляю один из этих двух выпадающих списков, прокрутка прикосновением работает нормально. У меня есть 3 ссылки ниже, в первой ссылке оба раскрывающихся списка активны, во второй ссылке активен только первый раскрывающийся список и в последней ссылке активен только второй раскрывающийся список.

Я надеюсь, что вы можете помочь мне somehowe, я потратил много времени, чтобы решить эту раздражающую проблему, но только то, что я мог сделать, это понимание причины проблемы :S

Ссылки:
Во-первых: https://adminblt.aydinbulut.com/welcome

Второе: https://adminblt.aydinbulut.com/welcome2

Третье: https://adminblt.aydinbulut.com/welcome

1 ответ

  1. Я как-то решил проблему. Вдруг я подумал, что если я использую position:absolute; свойство для обоих nav. Я исправил prolem, используя ниже коды.

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

    Примечание: ссылки не более доступны или изменены, но решение является абсолютным.