Как установить у кнопки box-shadow когда проскролливаем блок до конца?

Question

[z_u_l]

https://codepen.io/malinosky/pen/WdNpja
У меня есть фиксированный блок со скроллом, и когда я прокручиваю до конца блока, у кнопки должна появится тень. Какие высоты мне нужно сравнивать здесь?

Answer 1

[Денис]

function scrollButtonShadow() {
    $('button').css('box-shadow', this.clientHeight >= this.scrollHeight - this.scrollTop ? '0px 0px 13px 0px rgba(0, 0, 0, 1)' : '');
}
$('.block').on('scroll', scrollButtonShadow);

P.S. $('button') лучше закешировать вне callback-функции

Comments

[z_u_l]

Спасибо!