Получить первый и последний видимый элемент в прокручиваемом div.

У меня есть список превью в прокручиваемом div, анимированный с помощью кнопки next / prev. Каждый щелчок по кнопке «Далее» должен соответствовать атрибуту первого видимого элемента. Каждый щелчок по кнопке «prev» должен давать мне атрибут последнего видимого элемента.

Я действительно не знаю, как это решить математически, потому что расстояние прокрутки меняется, когда список заканчивается. Может кто-нибудь мне помочь?

HTML

$

    

        

        

        

        ...        
    

next
prev

jQuery

$('a.next').click(function() {
    var scrollheight = $("#scrollContent").scrollTop();
    $("#scrollContent").animate({scrollTop:scrollheight+375},500,function() {  
        // get "data-asset-id" of first visible element in viewport

    });
});

$('a.prev').click(function() {
    var scrollheight = $("#scrollContent").scrollTop();
    $("#scrollContent").animate({scrollTop:scrollheight-375},500,function() {
        // get "data-asset-id" of last visible element in viewport

    });
});

Проверьте скрипку: http://jsfiddle.net/desCodLov/77xjD/10/

Спасибо .