Удалить полосу прокрутки во всплывающем окне Elementor

Я пытаюсь удалить с помощью CSS полосу прокрутки, которая появляется по умолчанию в Elementor во всплывающем окне. Кто-нибудь может помочь?
https://www.onservatory.com/recursos-gratuitos/< /а>

Я пробовал разные вещи, основанные на похожих вопросах, но, похоже, не работает.

.dialog-message dialog-lightbox-message::-webkit-scrollbar {
  display: none;
}

or

#elementor-popup-modal-21529 > div > div.dialog-message.dialog-lightbox-message {
    overflow: hidden!important;
}

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

<script>

  (function() {
    // Use events from https://developer.mozilla.org/en-US/docs/Web/Events
    var eventName = 'elementor/popup/show';
    
    // Attach listener directly to element or document if element not found
    var el = document.querySelectorAll(".dialog-lightbox-message")[0]||document;
    
    // Leave useCapture to true if you want to avoid propagation issues.
    var useCapture = true;
    
    el.addEventListener(eventName, {{JS - Popup Event callback}}, useCapture);
  })();
  </script>

используя следующую документацию: https://developers.elementor.com/elementor-pro-2-7-popup-events/, но тоже не работает. Может ли кто-нибудь помочь? Благодарю вас!


person onservatory    schedule 03.09.2020    source источник
comment
Я не вижу полосы прокрутки в ссылке, которую вы разместили где-либо, используя Firefox.   -  person Edgar Quintero    schedule 03.09.2020
comment
Я также не вижу полосы прокрутки в предоставленной вами ссылке, используя chrome   -  person Sandrin Joy    schedule 03.09.2020


Ответы (4)


Я думаю, вы говорите о полосе прокрутки на <body>. если это проблема, вам нужно установить свойство overflow как overflow: hidden для тега <body>, это можно сделать как с помощью CSS, так и с помощью JS.

person Alireza    schedule 03.09.2020

Я думаю, что была проблема с кешем браузера/cdn. Я думаю, теперь это работает. Я создал новый тикет на горячем, чтобы избежать кэширования для экспертов! Благодарю вас! Кэширование в wordpress и pagebuilders Извиняюсь за ошибку. Благодарю вас!

person onservatory    schedule 04.09.2020

Используйте это для Chrome и Safari:

.elementor-popup-modal .dialog-message.dialog-lightbox-message::-webkit-scrollbar {display: none;}

Для Firefox используйте это:

.elementor-popup-modal .dialog-message.dialog-lightbox-message { scrollbar-width: none; }

Добавьте его в настройки всплывающего окна › Дополнительно › Пользовательский CSS

скриншот: https://snipboard.io/PeDl18.jpg

person Greg    schedule 04.03.2021

Используйте это для Chrome и Safari:

.elementor-popup-modal .dialog-message.dialog-lightbox-message::-webkit-scrollbar {отображение: нет;}

Для Firefox используйте это:

.elementor-popup-modal .dialog-message.dialog-lightbox-message {ширина полосы прокрутки: нет; }

Добавьте его в настройки всплывающего окна › Дополнительно › Пользовательский CSS

скриншот: https://snipboard.io/PeDl18.jpg%22

_____ Это работает!

person user15444660    schedule 21.03.2021