Задать вопрос
  • Как применить действие на каждый элемент с классом на всей странице если высота блока больше ХХpx?

    Vasiliyyyy
    @Vasiliyyyy Автор вопроса
    Решение было найдено на другом ресурсе, спасибо человеку amr-now

    Публикую решение здесь, может кому пригодится:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <!-- jquery.morecontent.js -->
        <script src="https://cdn.jsdelivr.net/npm/morecontent-js@1.0.1/dist/jquery.morecontent.min.js"></script>
        <style>
            .mrc-shadow {
                pointer-events: none;
                position: absolute;
                height: 30px;
                /* Высота блока с тенью */
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 999;
                /* Цвета градиента в зависимости от фона сайта */
                background: linear-gradient(to top, #fff 14%, rgba(0, 0, 0, 0) 100%);
            }
        </style>
    </head>
    <body>
        <div style="max-width:350px">
            <div class="text-r-tren-opis">
                <p>у поворота.ног и одновременно разворачивать носки коньков в сторону пову поворота.ног и одновременно
                    разворачивать носки коньков в сторону повием ног и одновременно разворачивать носки коньков в сторону
                    поворота.ног и одновременно разворачивать носки коньков в сторону ь носки коньков в сторону поворота.ног
                    и
                    одновременно разворачивать носки коньков в сторону поворота поворота.ног и одновременно разворачивать
                    носки
                    коньков в сторону пову поворота.ног и одновременно разворачивать носки коньков в сторону повием ног и
                    одновременно разворачивать носки коньков в сторону поворота.ног и одновременно разворачивать носки
                    коньков в
                    сторону поворота.</p>
            </div>
            <div class="text-r-tren-opis" style="height: 40px; overflow: hidden;">
                <p>у поворота.ног и одновременно разворачивать носки коньков в сторону пову поворота.ног и одновременно
                    разворачивать носки коньков в сторону пову поворота.ног и одновременно разворачивать носки коньков в
                    сторону
                    пову поворота.ног и одновременно разворачивать носки коньков в сторону пову поворота.ног и одновременно
                    разворачивать носки коньков в сторону повием ног и одновременно разворачивать носки коньков в сторону
                    поворота.ног и одновременно разворачивать носки коньков в сторону поворота.</p>
            </div>
            <div class="text-r-tren-opis">
                <p>у поворота.ног и одновременно разворачивать носки коньков в сторону пову поворота.ног и одновременно
                    разворачивать носки коньков в сторону пову поворота.ног и одновременно разворачивать носки коньков в
                    сторону
                    пову поворота.ног и одновременно разворачивать носки коньков в сторону пову поворота.ног и одновременно
                    разворачивать носки коньков в сторону повием ног и одновременно разворачивать носки коньков в сторону
                    поворота.ног и одновременно разворачивать носки коньков в сторону поворота.</p>
            </div>
        </div>
        <script>
            $('.text-r-tren-opis').filter((i, e) => e.getBoundingClientRect().height > 40) // Если полная высота элемента больше 40 пикселей
                .moreContent({
                    "height": 50,
                    "useCss": false,
                    "shadow": true
                });
        </script>
    </body>
    </html>
    Ответ написан
    Комментировать