JS scroll

 
<!DOCTYPE html>
<html lang="en">
<head>
	<title>JavaScript</title>
</head>
<body>
	<h1>JavaScript : scrollTo & scrollBy</h1>
	<div>
	<p style="width:1000px;border:1px solid red;">Lorem, ipsum dolor sit amet consectetur adipisicing, elit. Eius, obcaecati eum distinctio? Itaque fuga a adipisci obcaecati perferendis consectetur mollitia nam reiciendis numquam, voluptatem. Sint ipsam vitae incidunt placeat. Veritatis tempore earum sequi exercitationem iure rem placeat, dolores voluptatum vero explicabo eum, fuga distinctio. Amet temporibus aliquid non quam corrupti! Dignissimos maiores dolorum dicta earum accusamus consectetur hic nesciunt officia aspernatur ex necessitatibus non iste est voluptates ratione unde perspiciatis placeat magni quia voluptatibus, magnam harum ipsam natus debitis, atque! Error eos provident quis repudiandae eum eaque doloremque sint animi ea. Eum aperiam ratione consectetur, dolor excepturi numquam et sed expedita doloribus, delectus. Repudiandae adipisci, repellendus, odit nesciunt voluptates nam hic repellat eaque eveniet obcaecati. In, aut blanditiis saepe reprehenderit quibusdam, repellendus necessitatibus pariatur odit fuga odio aliquam? Reiciendis quae, temporibus eaque libero unde aut vitae assumenda, officiis sint molestiae magnam fugiat earum iure expedita minus repellat nemo quo blanditiis facere error ullam ut similique cum eveniet. Labore omnis debitis minima libero deleniti assumenda odio beatae quas porro, incidunt, cupiditate, facere commodi. Eveniet quas repellat enim aliquid, nam, dicta rem ipsam delectus quae ut nisi, aut. Quod ratione sunt corporis harum enim, ut dolores molestias voluptatem inventore soluta. Repudiandae odit distinctio rerum fuga dignissimos, mollitia beatae commodi aliquid ex ipsam magni voluptatibus ratione sunt eligendi, saepe velit nulla maxime doloremque atque cum consequuntur deserunt alias? Numquam quod tempora est, ducimus ab voluptatibus, aspernatur asperiores fuga quisquam rem sapiente nulla officia accusantium laborum placeat perspiciatis corporis sequi, quis nam facere. Quis tempore unde accusantium placeat accusamus laboriosam hic commodi id optio numquam asperiores, necessitatibus vitae sit ad amet dicta, expedita aspernatur veniam eius reprehenderit perferendis vero, quae! Sint, quidem incidunt dolores distinctio voluptatibus animi, perspiciatis, consequuntur cum quae quas, magni vero. Esse quidem labore adipisci ducimus sint excepturi quam molestias, autem doloribus magnam nobis corrupti dignissimos assumenda at ratione, soluta minus debitis magni deleniti ipsa. Autem natus vel, quas aperiam corrupti, delectus. Fuga itaque reprehenderit non aliquid consequuntur ipsa reiciendis, quam repellat, molestiae? Id, sint. Asperiores, cupiditate consectetur, veniam tenetur voluptate itaque doloribus voluptates porro sequi quas ex optio similique distinctio eum molestiae rerum quis facere explicabo eos, qui, sint quasi culpa molestias. Veniam commodi ipsum eum velit consequatur fuga quasi aliquam tenetur numquam hic quisquam et totam atque est debitis officiis eos accusantium odit minima deleniti, sunt molestiae consectetur itaque! Ipsum totam corrupti, voluptas deleniti facilis provident doloribus dolore autem atque tempore alias, harum ex omnis quisquam nobis veritatis earum eligendi, similique corporis dignissimos. Reiciendis earum vitae eligendi autem. Necessitatibus laudantium vero dicta dolorem debitis ratione. Deleniti quam quisquam totam, enim placeat fuga, possimus ratione architecto magnam ducimus, quis excepturi nesciunt molestiae magni sapiente non, cumque est repellendus nam rerum? Vero sequi nisi odit voluptate consequatur cupiditate vel praesentium adipisci harum, nesciunt placeat voluptates! Velit cupiditate numquam sit nulla accusamus nesciunt nemo voluptatem est omnis consequuntur nobis quas aut sed a, quos natus ducimus consectetur deleniti. Neque obcaecati adipisci ratione velit placeat consequatur perferendis delectus quidem cum alias similique minus magni quo quos libero dolores est doloremque dignissimos iste, nobis fuga veniam, quia. Excepturi, animi, recusandae sapiente delectus sint similique enim inventore culpa ducimus et ea optio quas corrupti natus voluptatibus tempore voluptates neque, placeat, ad aliquam! Laudantium aspernatur minus placeat. Facere maxime modi eligendi doloremque est deleniti placeat optio consequatur incidunt, reiciendis voluptatem distinctio cum suscipit, maiores officiis quod, voluptas accusantium vitae non provident aut consectetur in. Reiciendis, dicta. Ea vero earum illo, debitis saepe, iusto expedita officiis corporis fuga. Vitae velit nemo, eligendi delectus provident minima temporibus reiciendis quae vero sed, et, consequatur doloremque odio voluptates exercitationem commodi maiores maxime sequi ipsum at! Maiores, totam id fugit harum quos facere, consequuntur earum a ex doloremque sed, delectus illum ipsa at, consequatur inventore nostrum est. Mollitia blanditiis incidunt autem eligendi accusantium recusandae a magni veritatis repellendus dolores, doloremque hic. Minima nihil enim esse molestias eos cupiditate praesentium inventore reprehenderit sunt, aut deleniti natus laboriosam recusandae iusto exercitationem magni eligendi tempore ab doloribus, deserunt at, nostrum amet vitae. Quas totam a dolorum nesciunt vero delectus libero velit ex voluptatum praesentium repellat possimus officia tenetur facilis, maxime doloribus, nostrum unde? Corporis quas cumque quis ab, nesciunt sed, neque officia nam quidem? Laboriosam doloremque aliquid, corrupti eaque tenetur, repellendus cupiditate rerum distinctio corporis a sit officia? Aut explicabo nostrum laudantium officiis, incidunt iusto! Beatae excepturi dolores cumque est quidem maxime itaque quas, delectus tempore, expedita, dicta recusandae, sequi. Earum molestias dolore iste soluta, vel! Itaque nisi iure, explicabo voluptatem dolore vitae fugit animi vero earum. Neque, excepturi, autem rerum molestiae, laborum adipisci perferendis tempora nisi, deleniti dolorum atque natus labore odit. Tenetur exercitationem suscipit nemo reiciendis, rem facere, laborum quasi laudantium explicabo blanditiis quia doloribus eos voluptate? Vitae voluptatum accusamus voluptatem vel praesentium dolorem, cum, odio ratione laboriosam, asperiores necessitatibus quas ut minus quos maiores omnis corrupti quis, nam ad molestiae assumenda. Nobis nemo exercitationem, veniam quia fugiat quo voluptatem suscipit ad tempora inventore, incidunt porro atque, voluptatum at provident molestias perferendis alias impedit. Repellendus dolor earum iusto officia voluptatem quod facere incidunt minima, explicabo, amet hic, neque veritatis laborum cum distinctio atque eius pariatur et aut, doloremque quos quidem odio laboriosam tempora vel. Aperiam sequi corrupti ab aliquam assumenda officia, earum accusamus ratione corporis cumque, sint veniam error alias eum voluptatem tempore obcaecati sapiente veritatis dolore autem nemo facere molestiae. Minus animi pariatur ab sint eius dicta ad quas, minima sapiente incidunt sequi quae quisquam impedit et praesentium id alias? Distinctio sequi, aperiam animi eveniet, voluptate aut in est maiores nobis, id optio ullam possimus consectetur rerum cumque et, tempore itaque. Corporis nesciunt delectus ullam provident fugit quo. Consequuntur cumque recusandae, reprehenderit voluptate officia inventore tempora numquam ducimus velit, laboriosam eius tempore a dolorem neque, fugiat veritatis delectus sapiente libero. Nesciunt saepe accusantium, natus maxime fuga dolorum, perspiciatis, minus et tempore ipsum cum provident, doloribus ut amet? Iure distinctio, minus velit, doloremque repellendus accusamus iste aut eius dolorem sapiente expedita asperiores. Id voluptatibus quos minima sit ab? Molestias cupiditate modi dignissimos voluptate odit, assumenda minus amet sed quas dicta provident at architecto, ipsa distinctio aliquid eveniet! Laudantium vero voluptatibus, impedit, reiciendis non, amet porro atque architecto deleniti doloribus vel et ut laboriosam facere vitae tempore perferendis eos rerum eum. Ex veniam accusamus voluptates ipsa et odio quam, modi, labore explicabo minus totam ipsum! Aperiam, libero, mollitia ipsam a ullam at necessitatibus minus laborum! Doloremque autem beatae vero quasi porro a natus repellendus laborum nostrum hic cupiditate iste quos saepe fuga quas quo inventore nam, voluptas accusamus corrupti aliquam. Quod, perspiciatis. Magni voluptas a in eos officia facilis ipsum minus ea enim rem doloribus officiis consequatur reiciendis consectetur, velit cum nemo eligendi dolorem ratione temporibus corrupti inventore id exercitationem cumque? Dignissimos earum minima repudiandae eveniet aliquid, tempore rerum eaque laborum officia, repellat asperiores natus atque vitae maxime quaerat neque. Facere quo consequatur quaerat, tempore perferendis consectetur laudantium accusantium et iusto, cumque amet eveniet perspiciatis error dolorum harum ipsum voluptates illo rem necessitatibus maiores sit? Omnis a eveniet cumque ad perspiciatis, fugit, necessitatibus harum illo sit quae voluptatem, amet natus laudantium dolorem quaerat placeat corporis quam minus eligendi unde et assumenda rerum. Quae itaque nulla ipsam consequuntur obcaecati debitis eveniet recusandae. In eaque harum temporibus totam veniam culpa necessitatibus labore soluta rerum exercitationem! Nihil ducimus minima enim voluptates tenetur, quasi doloribus debitis vel laborum aut eos, eius fugiat facere earum, ipsum optio voluptate quis numquam, nostrum doloremque officiis. Pariatur quia amet impedit, possimus necessitatibus id voluptate. Quo aut, adipisci ut dolor quae earum rem aperiam dignissimos asperiores necessitatibus consequatur ea quaerat eaque alias labore animi quis pariatur, enim, repellat iusto voluptatem. Eaque sed atque deleniti laboriosam quaerat nam illo, quis autem sunt officiis alias inventore expedita dolores omnis minus quisquam perspiciatis? Cum laudantium cupiditate distinctio ducimus, officiis exercitationem, impedit odit optio nihil, minima ad officia mollitia, illum corrupti aspernatur quod odio veniam aperiam eum harum pariatur facilis culpa eos. Quod, inventore? Odio consectetur, autem veniam repellat temporibus? Aliquid debitis cum provident distinctio, repudiandae maiores fugiat eum et, quam, odit quaerat! Eveniet quod quisquam repellat, pariatur repellendus consequuntur culpa, doloremque distinctio facere assumenda impedit velit, ipsum possimus. Facere placeat corporis magnam fugiat harum, sunt officiis quasi obcaecati adipisci, explicabo molestias similique itaque in voluptates sint quia minus aspernatur ullam tempore dignissimos natus officia repellendus repudiandae. Inventore consequatur velit maxime laudantium rem ut, ab corrupti voluptas ipsum! Sunt enim vel ex quasi et minima cumque aliquid quisquam ab? Id, suscipit, doloremque optio hic consectetur perspiciatis nemo assumenda, rem vitae tempore recusandae nesciunt saepe, alias unde. Hic sint beatae consectetur architecto nulla vitae incidunt ullam quas ex fugiat officia sunt, repellendus harum voluptate ratione culpa vero omnis alias corrupti eveniet, velit voluptas accusamus eum dolores, doloribus! Harum fugiat quae cum distinctio aut qui eum tempora debitis obcaecati adipisci eos corrupti id voluptatem nihil numquam sed, at temporibus iusto a ex. Reprehenderit consequatur quam molestias ad. Quia dolor sint dicta optio nostrum fugiat, officiis molestias nobis officia laborum dolores cumque temporibus rerum iste? Vel corrupti, eius ducimus.</p>
	</div>
	<button onclick="scrollWindow()" style="position:fixed;left:50px;bottom:50px;background:red;color:white">Scroll Window</button>
	<script>
		function scrollWindow(){
			window.scrollBy(0,20);
		}

		/*function scrollWindow(){
			window.scrollBy(100,0);
		}

		/*function scrollWindow(){
			window.scrollTo(0,0);
		}*/
	</script>
</body>
</html>