I get some result using ajax.Now i want to scroll to top.Now scroll top is not working because I use setInterval. When I scroll to top then automatic scroll Down.How to fix it
index.php
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<div style="width: 300px;height: 400px;margin: auto;border: 1px solid;overflow-y: scroll;" id="result"></div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
function data()
{
$.ajax({
url: "data.php",
success: function(data)
{
$("#result").html(data);
$('#result').scrollTop($('#result')[0].scrollHeight);
}
})
}
setInterval(function(){
data();
},1000);
</script>
</body>
</html>
Data.php
<?php
$i = 1;
$res = '';
while($i <= 50)
{
$res .= "<h2>Hello World !!</h2>";
$i++;
}
echo $res;
?>
