JSFiddle - React, Tailwind, and code Playground

by hainawa

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(){
	var $mydiv = $('<div class="myDiv"><br><br><p>Content1<p><br><br><p>Content2<p><br><br></div>');

	// It will work
	$mydiv.scroll(function(){
		alert("A");
	});

	// Trigger
	$("#btn").click(function(){
		//You are using the method append,so you don't need judge if div.mydiv exits.
		//You'll need do this if you're using display:none
		$("body").append($mydiv);
	});
});