Как сделать плавный скролл, по элементам?

Question

[fuckingawesomenigga]

Внутри страницы есть блок внутри элементы 220px высотой, как их докручивать?
То есть если строка с элементами зашла за пределы, подымать следующую до верха?

Comments

[FeST1VaL]

ну как вариант делать скролл по 220px за раз)))

Answer 1

[Владимир Коротенко]

Что то типа position: absolute bottom: 0

https://jsfiddle.net/vkorotenko/cx4d6vsh/

Comments

[fuckingawesomenigga]

Спасибо, но я видимо объяснил плохо.

Блок 600px высотой, в нем допустим десять строк, в каждой четыре элемента (эти числа меняются в зависимости от размера экрана).
Высота строки 220px, сейчас обычный скролл.
Тут два варианта, оба пытаюсь как-то реализовать.
Первый это докручивать, то есть при скролле эл-ов вверх, когда строка заходит за границы блока, докручивать так, чтоб строка уходила полностью.
Второй ограничить скролл на 220px.

В обоих случаях появляется проблема со скроллом в другую сторону.

[fuckingawesomenigga]

var temp = 0;
$("section.items .sbody").scroll(function(event) {
    var st = $("section.items .sbody .item").offset().top;
    st = -(st - 160);

    var row = Math.floor(st / 220) + 1;
    var sh = row * 220;
    if (row > temp) {
        $("section.items .sbody").animate({ scrollTop: sh }, 500);
    }
    console.log(row);
    temp = row;
});

вот набросал, работает для элементов при прокрутке вверх