JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="btn" value="Click"/>

CSS

body{ font-family: tahoma; font-size: 12px; }
	
	.myDiv{
		height: 90px;
		width: 300px;
		border: 1px solid;
		background-color: lavender;
		overflow: auto;
	}

JavaScript

$(document).ready(function(){
		
		// Trigger
		$("#btn").click(function(){
			if ($(".myDiv").length == 0) // Append once
			$("body").append('<div class="myDiv"><br><br><p>Content1<p><br><br><p>Content2<p><br><br></div>');
		// Not working
		$(".myDiv").scroll(function(){
			alert("A");
		});
		
		// Not working
		$(document).on("scroll", ".myDiv", function(){
			alert("A");
		});		});
		

	});