I have table with fixed heihgt, and scrollable body, i add the button for scroling row one by one.
Ideas is to scroll row by row by user clicking.
For now i create func for scroll down, but it's not good for me, some how i need to create func to scroll table on click one row down.
$('#more-arrows').click(function () {
var scrollBottom = Math.max($('.table-udt').height() - $('tbody').height() / 200 + 1000, 0);
$('tbody').scrollTop(scrollBottom).animate({
scrollBottom: 0
}, 1000);
});
So i want to scroll on #more-arrows click, row one by one scrolle to the bottom.
You can use jquery's .animate() method to achieve it. Try this
$('#more-arrows').on('click', function(){
$('.scroll').stop().animate({
scrollTop: '+=40px' // 40px can be the height of a row
}, 200);
});