Снова добрый день!
Помогите пожалуйста еще раз
Есть несколько блоков с текстом с одним классом, отличаются они только кол-вом текста.
В одном блоке текста может быть 1 строка, в другом 21 строка.
Свойство css стоит :
overflow-y: auto
Задача:
Сделать кнопку, показывающую дочитал ли до конца текста юзверь
Где текст входит весь в блок - кнопки не должно быть, а где у блока появляется вертикальный скролл - надо показывать кнопку пока не долистаешь до конца текста - долистал? - меняем картинку кнопки на стрелку вверх.
Библиотеку подключать не охота ради этого, Т.к. даже 30-50Кб много для этой задачи.
У меня даже мыслей нет как это всё оформить - все мысли что были в головную боль перешли.
Картинку блоков прикрепил.
<div>
<div class="text" style="overflow-y: auto;">
<h3>Title</h3>
<span>text text text</span>
</div>
<div class="btns">
<div>Left btn</div>
<div class="center-btn">Center btn</div>
<div>Right btn</div>
</div>
</div>
https://drive.google.com/open?id=1og...Q46lSGKNMvX0Ng