Когда доступна прокрутка переполнения

#css

#css

Вопрос:

У меня есть родительский DIV. Установите с помощью. Затем у меня есть внутренний DIV, который называется overflow-x: scroll.

Все это работает отлично. Но я хочу отображать сообщение ТОЛЬКО тогда, когда требуется прокрутка.

Существует ли метод CSS или JAVASCRIPT, который может использовать это без использования библиотек, таких как jQuery или Bootstrap?

Ответ №1:

Ищите, когда I div шире другого…

  function myFunction() {
        var x = 0;
        var parentWidth = document.getElementById("myDIV").clientWidth;
        var x = document.getElementById("thisDIV").querySelectorAll(".awiderDIV"); 
        if (x[0].clientWidth > parentWidth){
            document.getElementById("scroll").style.display = "flex";
        } else {
            document.getElementById("scroll").style.display = "none";
        }
    }