jQuery Window Events


html file

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Learn jquery</title>
	<style>
		body{ font-family: arial; }

		#box{
			width: 70%;
			height:200px;
			background: pink;
			padding: 10px;
			border: 1px solid #000;
			overflow: auto;
		}
	</style>	
</head>
<body>
	<h1>jquery Window Events</h1>
	<div id="box">
		<h2>Text Box</h2>
		<p>Lorem ipsum dolor sit, amet consectetur, adipisicing elit. Accusantium labore laboriosam at. Delectus, quo. Animi non distinctio dolor ipsum laudantium vitae quia excepturi! Natus vel molestias maxime similique, deserunt, dolorem ratione nam. Ex velit doloribus magnam voluptate ad veniam nisi laborum officiis commodi qui fugiat distinctio quisquam dolor aliquam, iure ducimus sunt molestiae rerum repellat animi facilis, quis. Nihil neque a saepe voluptas dignissimos cumque consectetur facere temporibus impedit assumenda fuga, non officiis quas asperiores ullam aliquid doloremque beatae, reiciendis, quo. Distinctio ut dolor quisquam quo eius doloribus, maiores maxime. Id unde eos maxime aperiam ipsum nobis deserunt ex laboriosam modi ducimus praesentium nostrum error ipsa voluptate culpa laborum, itaque blanditiis accusantium explicabo sunt reprehenderit vero! Molestias officia fugit sunt voluptatem neque blanditiis error ex, doloribus quasi at, minus, corrupti optio quisquam soluta autem quam alias deserunt. Vero repudiandae provident qui quaerat delectus architecto illum, a rem vel, alias tempore modi sit assumenda sint ipsa similique cumque molestiae nesciunt. Rem autem eos expedita, provident sed amet asperiores obcaecati commodi inventore quia reiciendis libero dolor soluta optio? Repellat eos corrupti facilis veniam labore rerum porro officia. Ut vel dolore perferendis sunt rem deserunt architecto culpa. Itaque eum fugit alias illum atque! Enim exercitationem itaque, autem accusamus sapiente perferendis beatae mollitia dolor laborum voluptates saepe placeat provident? Dolorum omnis eos expedita nostrum magni corrupti quisquam. Facilis quidem officia voluptate consequatur fugit! Cupiditate animi saepe ducimus ea, incidunt, impedit hic, et debitis mollitia modi omnis quia reiciendis vitae facilis quos minima corrupti. Necessitatibus veritatis earum voluptate odit qui optio recusandae quas molestias rem quibusdam molestiae incidunt, quod culpa iste provident perferendis modi iusto placeat maiores, delectus vitae. In velit, officiis quibusdam sapiente maxime vero nam. Totam reiciendis hic eum maxime quo iure corrupti illum unde ab tempora? Natus dolorem numquam cupiditate accusantium nobis mollitia perferendis, fugiat deleniti modi culpa sint repudiandae quia quisquam maiores perspiciatis fugit. Nam error hic libero blanditiis in. Quasi autem pariatur eum ad, eveniet, odit assumenda. Quis sit temporibus cumque, perspiciatis enim totam saepe dignissimos illum rerum, voluptates nam obcaecati maxime ullam eos corporis assumenda aspernatur placeat quaerat! Distinctio modi fugiat porro ipsa hic voluptate ea reiciendis aliquam eius unde debitis quisquam quia alias doloribus id tempore, saepe quaerat, soluta! Placeat at laboriosam quas. Quis quos a assumenda eaque quibusdam odit ducimus praesentium. Ut, incidunt ipsa id vitae omnis quas quae iste dolores deleniti cupiditate, cum repellat voluptatem. Odio rem iusto accusamus reprehenderit. Officia nulla aliquid tenetur illo blanditiis? Repellendus officia omnis numquam. Dolore autem repellat possimus voluptas quasi magni fuga quis natus facere perspiciatis, nam, officia excepturi! Natus, illum atque, modi adipisci aliquid ipsam accusamus minus quam nesciunt assumenda labore qui libero ex, expedita, vitae autem. Eaque cum numquam nobis, odio nam in, ea a illo qui nesciunt rem voluptas ut reprehenderit explicabo dolorem ratione. Minus neque consequatur sequi deserunt doloremque voluptatum possimus ducimus atque quas sapiente tempora mollitia nemo eaque nulla, iure numquam? Magni culpa facilis incidunt fuga, blanditiis quasi provident voluptas saepe cupiditate quae delectus dolorem quisquam inventore. Aut quisquam excepturi nam quasi amet suscipit soluta dolor quaerat consequatur. Ducimus, alias sit consequuntur molestiae optio, perferendis possimus mollitia nobis quod deleniti quo sunt necessitatibus iusto ullam dolor quibusdam illo ipsam est! Eaque magni mollitia numquam quasi fugiat deleniti tempora sed nam ut sint eos nihil aperiam cumque, rerum? Aliquam aperiam ab blanditiis nulla neque laudantium voluptas illo, reprehenderit assumenda id libero recusandae optio perspiciatis et vero sunt molestias eius praesentium accusantium aspernatur temporibus expedita! Facere laudantium, deleniti et optio vero voluptates sequi perferendis pariatur tempore corrupti dolore officiis numquam perspiciatis sapiente distinctio in laborum obcaecati porro architecto maiores fuga at illum molestiae. Veritatis temporibus, libero animi maxime eius eum exercitationem, repellat tempora omnis, perferendis iste officiis doloribus! Minima reiciendis sequi, mollitia, ratione inventore dolore reprehenderit provident tempore vitae eligendi corrupti ipsum laboriosam commodi at illum rerum numquam vel accusantium explicabo fugit delectus veritatis quo voluptatem consequuntur quis. Id exercitationem quas sunt blanditiis odio culpa, sequi quibusdam deserunt nemo consequatur velit perferendis unde ipsa odit qui, consequuntur eveniet, perspiciatis magni eaque ratione dolor! Repellendus sit qui praesentium ducimus mollitia, expedita maiores esse sequi id, consectetur, quae maxime illo est. Nisi soluta necessitatibus incidunt sapiente atque fuga ex quos exercitationem consequatur expedita, optio? Doloremque fugit fuga amet, iure est neque ipsa suscipit iusto libero perspiciatis, at repudiandae. Reprehenderit, placeat eius commodi cupiditate explicabo praesentium quasi dicta? Nihil modi itaque animi sit odio cupiditate quam harum, blanditiis dolor ut culpa eaque fugiat sapiente? Tenetur laudantium suscipit dolor tempora porro, minus autem, atque ratione beatae repellendus itaque! Cupiditate culpa reiciendis esse, ipsam quos repellendus aperiam quidem, harum odio autem ea hic consequatur, iure fuga quod suscipit vero placeat rerum veniam laudantium. Placeat pariatur deserunt iste voluptates corrupti expedita possimus exercitationem eum doloremque praesentium. Voluptas repellendus ab quas consequuntur fugit consectetur esse cum quos! Earum, vero, voluptates porro aut molestias temporibus alias natus odio inventore voluptas quaerat dolor tempora, aperiam modi debitis molestiae deleniti assumenda, sunt voluptatem fugit voluptatum ullam corrupti! Laborum est aut ratione, illo obcaecati natus consequuntur ea assumenda minima, iusto earum distinctio, quis ducimus omnis placeat ad? Optio expedita ex facere et fugit vel, a doloremque fuga odit assumenda aspernatur necessitatibus consequatur qui corrupti voluptatum consectetur minima veniam! Aliquid quas fugiat magnam dolor dolorem, error rem at, tempore maiores impedit, molestias voluptates tempora debitis illo sequi voluptate incidunt eveniet vero, asperiores! Tempore neque perspiciatis laboriosam repellendus tenetur sequi porro possimus sed temporibus consequuntur asperiores, pariatur nesciunt accusamus. Error culpa pariatur ratione doloremque quae, molestias praesentium tempora ipsum id, assumenda, asperiores, commodi unde quo cupiditate odit at provident quis atque dolorem! Praesentium perspiciatis dolores molestias sed distinctio expedita et autem quas vitae ea totam incidunt quaerat ratione, eaque ad tenetur dolor accusamus culpa harum asperiores laboriosam. Temporibus et, earum velit perspiciatis ad deserunt, porro officia perferendis quidem excepturi consectetur corrupti, assumenda vel, dolorum eos vitae delectus modi quas tenetur esse doloremque quia! Vero fugit dolore inventore culpa fugiat quos excepturi pariatur quasi doloribus fuga aut, provident velit porro molestias?</p>
	</div>
	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic veniam totam laboriosam sapiente reiciendis doloremque nesciunt dolor dicta, nulla magnam tenetur, quo debitis ut, possimus culpa modi ratione sint perspiciatis doloribus delectus eveniet rerum! Libero modi dolores ipsam dicta at laborum dolore numquam architecto sapiente, iusto sed ut deleniti enim consequatur ipsa perspiciatis perferendis temporibus quisquam. Similique odio unde excepturi reiciendis quis vel provident quo culpa consequatur, quos doloribus voluptatum dicta asperiores necessitatibus facere odit magni voluptas nulla quas eum molestias sapiente? Nesciunt distinctio minus ad maxime aspernatur repellat itaque cupiditate dolorum assumenda sit aliquam pariatur debitis, exercitationem, ipsa vitae.</p>
	
	<!-- jquery cdn -->
	<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="js/events.js"></script>
</body>
</html>


events.js

$(document).ready(function(){
	/* Jquery scroll Events */

	/*$(window).scroll(function(){
		console.log("You are scrolling");
	});*/

	$('#box').scroll(function(){
		console.log("You are scrolling");
	});

	/* Jquery Resize Events */
	$(window).resize(function(){
		console.log("You are resizing Window");
	});

	/* Jquery Load Events */
	$(window).load(function(){
		console.log("You are Resizing Window");
	});

	/* Jquery Unload Events */
	$(window).unload(function(){
		console.log("You are Resizing Window");
	});

});