HTML Проверка переполнения - текстовая позиция

Question

Я сделал боковую панель с пользовательскими ползунками, и я хочу изменить изображение ползунка, когда боковая панель прокручивается вверх / вниз.У меня переполнение: скрыто, но я не знаю, как проверить, находится ли он снизу или сверху.

Веб-сайт

- Дэвид

Answer 1

Конечно, это зависит от того, как вы реализуете свой ползунок (добавленная вами ссылка работает не слишком хорошо), но, например, если то, что изменяется, когда он находится вверху, это просто его расстояние от вершины элемента div, в который он вложензатем просто добавьте проверку всякий раз, когда ползунок заканчивает свое движение, чтобы проверить, равно ли свойство CSS top или botttom 0, как это сделано здесь:

if ((document.getElementById("myimage").style("top")==0) {
    document.getElementById("myimage").setAttribute("src","topImageSrc");
}

if ((document.getElementById("myimage").style("bottom")==0) {
    document.getElementById("myimage").setAttribute("src","bottomImageSrc");
}