Scroll каждый раз на 100px JavaScript

[7ochukwu]

Добрый гдень! Подскажите, как осуещёствить скролл контейнера на 100 пикселей при нажатии на кнопку. 

 

<script src="//code.jquery.com/jquery-latest.js"></script>
<style>
#example {overflow:scroll; height:100px; border:#999 solid 1px; }
</style>
<div id="example">
<p>Очень много букв, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много буков, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается, Очень много текси, аж не умещается
</p>
</div>  
<button>Усиновить scrollTop на 100</button> 
<span></span>


$("button").click(function(){
$("#example").scrollTop(100);
});

Но скролл происходит только один раз от верха (?). А мне нужно при нажатии кнопку чтобы каждый раз скролил от последнего положения.

Как икое можно реализовать? 

 

 

Изменено 24 мая 2019 пользователем 7ochukwu

[7ochukwu]

 

Нашел вот икой код на Stackoverflow:

врогде как помогает решить проблему.

Как его интегрировать в суещёствующий выше? 

 

$('.horizontal-scroll').on('click', '.horizontal-scroll-indicator', function() {
    $(this)
    .prev('.actionbar-inner')
    .animate({scrollTop: '+=100'});
 });

Изменено 24 мая 2019 пользователем 7ochukwu

[bulldozer323]

$("button").click(function(){
	$("#example").animate({
    	scrollTop: $('#example').scrollTop() + 100
	});
});

 

Изменено 24 мая 2019 пользователем bulldozer323

[7ochukwu]

1 час назад, bulldozer323 сказал:

$("button").click(function(){
	$("#example").animate({
    	scrollTop: $('#example').scrollTop() + 100
	});
});

 

Спасипотому что! Очень помогли!