Я пытаюсь реализовать раскрывающееся меню, содержащее уведомления, например, эта страница имеет: http://infinite-woodland-5276.herokuapp.com/index.html. Значок быка в верхней правой части сайта и его меню - это то, что я пытаюсь воссоздать.Slimscroll не реагирует на mouseover (или что-нибудь вообще)
Я успешно сделал значок меню заголовка, со списком элементов. Однако я не могу заставить работать прокрутка.
Это использование плагина jquery slimScroll, который можно найти здесь: http://rocha.la/jQuery-slimScroll.
Удостоверение прокрутки кажется чрезвычайно простым и прямым, в учебниках. Вот что я делаю:
$(document).ready(function(){
$('#main-navbar-notifications').slimScroll({
height : 250
});
});
После реализации этого кода Этот код появляется в моем DOM:
<div class="slimScrollBar" style="width: 7px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 195.925px; background: rgb(0, 0, 0);"></div>
<div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; opacity: 0.2; z-index: 90; right: 1px; background: rgb(51, 51, 51);"></div>
Они появляются не внутри # основных-NavBar-уведомлений, как я ожидал бы, но впоследствии. Тем не менее, я обнаружил, что одна и та же структура DOM присутствует в примере, который я пытаюсь скопировать. Похоже, это так, как должно.
Но моя полоса прокрутки просто не работает. Если я наведите указатель мыши на div, ничего не произойдет. Я попытался настроить полосу прокрутки, чтобы она всегда была видимой, и все равно ничего не произошло. Затем я вошел в сам HTML, в хромовом инспекторе, и вручную установил полосу прокрутки и рельс, чтобы они были видны. Это работало на видимость, поскольку они визуально отображались точно так, как я ожидал, но они все равно не реагировали на действия с мышью.
Единственная информация, которую я смог найти по этому вопросу, заключается в том, чтобы установить, что мой прокручиваемый div установлен на position: relative;
, но это ничего не делало. В моей консоли также нет сообщений об ошибках или каких-либо сообщений.
Я пытался воссоздать свою проблему в скрипке, но я не смог загрузить там библиотеку slimscroll.
Кто-нибудь знает, о чем эта ошибка может быть? Или какие-либо стратегии для выяснения сути проблемы?