سلام دوستای خوبم
من که بشخصه خیلی چیزا ازتون یاد گرفتم و از این بابت سپاسگزارم.
میخوام زمانی که من روی یه باتن کلیک میکنم یکی از آبجکت هایی که روی صفحه دارم(مثلا:div یا select یا هرچیزی) بصورت انیمشین اسکرول بشه.
scrollTop+=50
کد بالا به زبان جاوااسکریپت دقیقا چیزیه که من میخوام ولی مشکلش اینه که خیلی خشکه و من میخوام همین کار بصورت انیمیشن انجام بشه.
کد زیر رو اجرا کنید تا دقیقا متوجه منظورم بشید.



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(down).click(function(){
var x=document.getElementById("s");
x.scrollTop+=50;
});
});
</script>
<button id="down">down</button>
<div id="select"></div>
<script type="text/javascript">
var x="<select size='20' multiple='' id='s'>";
for(i=0;i<100;i++){
x+="<option>"+i+"</option>";
}
x+="</select>";
document.getElementById("select").innerHTML=x;

</script>