[solunski.d]

Ну я так понял что первый метод имеет проблемы связанные с высотой.

Еще один вопрос, есть у меня кнопка "Другие" с классом .filter_other1, под списком, как только элемент промотан до конца, меняется класс у элемента span.
Помимо этого я хотел бы реализовать поднятие вверх.
То есть пролистать список до конца и кликаю по этой кнопкой еще пролистать вверх.
Как проделать такое условие?

$('ul').scroll(function () {
    if (this.scrollHeight - this.scrollTop === this.clientHeight) {
		$('.filter_other1 span').removeClass('glyphicon-triangle-bottom');
        $('.filter_other1 span').addClass('glyphicon-triangle-top');
    } else {
		$('.filter_other1 span').removeClass('glyphicon-triangle-top');
		$('.filter_other1 span').addClass('glyphicon-triangle-bottom');
	}
});

Для промотки списка в низ использовал такой код

$('.filter_other1').click(function () {
        $('ul').animate({
            scrollTop: '+=53'
        }, 1000);
    });