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
	});
});

 

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