Hi Monima,
Check this example. Now please take its reference and correct your code.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.scrolling-div
{
height: 150px;
overflow: hidden;
position: relative;
border: 1px solid #333;
}
.scrolling-div-content
{
position: relative;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<script type="text/javascript">
$(function () {
$('.scrolling-div').rollup({ speed: 10000 });
});
(function ($) {
$.fn.rollup = function (options) {
var settings = $.extend({
$wrapper: this,
$content: $('.scrolling-div-content'),
speed: 10000
}, options);
return this.each(function () {
var $content = settings.$content,
$content_height = $content.height(),
$wrapper = settings.$wrapper,
$wrapper_height = $wrapper.height(),
$clone = $content.clone(),
$merge = $.merge($content, $clone);
$wrapper.append($clone);
function rollUp() {
$merge.animate({
top: -($content_height)
}, settings.speed, 'linear', function () {
$merge.css({
top: 0
});
rollUp();
});
}
rollUp();
});
};
})(jQuery)
</script>
</head>
<body>
<div>
<table id="Head_Meeting">
<tr>
<td style="font-size: large; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize; color: Red;">
  <i class="fas fa-calendar-alt" style="font-size: 25px; color: white"></i> 
Upcoming Meetings
</td>
</tr>
</table>
<br />
<div id="Meeting_Event" padding-left="5px" padding-right="5px" class="scrolling-div">
<div class="scrolling-div-content">
<a id="Repeater1_HyperLink1_0" class="hyperlink" href="home.aspx">Event 1</a>
<hr />
<a id="Repeater1_HyperLink1_1" class="hyperlink" href="home.aspx">Event 2</a>
<hr />
<a id="Repeater1_HyperLink1_2" class="hyperlink" href="home.aspx">Event 3</a>
<hr />
<a id="Repeater1_HyperLink1_3" class="hyperlink" href="home.aspx">Event 4</a>
<hr />
</div>
</div>
</div>
</body>
</html>
Demo
You need to replace the items by binding with Repeater like below.
<div>
<table id="Head_Meeting">
<tr>
<td style="font-size: large; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize; color: Red;">
  <i class="fas fa-calendar-alt" style="font-size: 25px; color: white"></i> 
Upcoming Meetings
</td>
</tr>
</table>
<div id="Meeting_Event" padding-left="5px" padding-right="5px" class="scrolling-div">
<div class="scrolling-div-content">
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<asp:HyperLink ID="HyperLink1" class="hyperlink" Text='<%# Eval("Event") %>' href="home.aspx"
runat="server" />
<hr />
</ItemTemplate>
</asp:Repeater>
</div>
</div>
</div>
I have created the example by refering the below link.
https://stackoverflow.com/questions/9824599/constantly-scroll-text-up-within-a-div
