scrollTo and scrollBy in Javsscript
scrollTo and scrollBy in Javsscript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Testing Javsript</title>
<style>
.hell{
position: fixed;
top : 100px;
left:100px;
}
</style>
</head>
<body >
<div style="width:2000px; border: 2px solid red;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio deleniti doloremque magni minus ex exercitationem, dolorem animi labore nemo quam facilis eaque ducimus repudiandae pariatur eligendi dolore incidunt quae quo inventore debitis expedita iure repellat veritatis adipisci. Esse ipsam consectetur explicabo officia totam deserunt necessitatibus? Ipsa quasi nihil adipisci dolores unde pariatur sapiente quae expedita sint itaque ratione sunt minus veritatis, hic provident aspernatur numquam esse aut perspiciatis dolorum accusantium tempore earum aliquid. Illo placeat autem quaerat eum maxime sequi corporis reprehenderit culpa magnam amet laudantium molestiae libero, necessitatibus perspiciatis, nulla, tempore repellat asperiores ea doloremque quas laborum animi. Vero non tenetur ab labore ratione ipsum consequatur reprehenderit molestiae ad iusto totam obcaecati, expedita unde accusantium deleniti, culpa aperiam corporis! Quod unde autem, illum consequuntur inventore iusto esse voluptatum, fuga placeat error similique repellat sint id doloremque laborum assumenda obcaecati quasi corporis odit rem totam tenetur repellendus aspernatur. Saepe, ad expedita! Sit quaerat provident, ab earum quidem laudantium sunt porro. Adipisci dicta officiis harum repellendus molestiae odit, ratione quam consectetur. Iusto accusantium, pariatur excepturi cum numquam nesciunt. Adipisci, distinctio illo. Minus porro facere repellendus quia inventore voluptatem deserunt ut enim, veritatis labore at cum necessitatibus adipisci. Mollitia cupiditate recusandae amet eligendi, dignissimos dolorem maiores ut consequuntur sit hic perferendis a odit aliquid quaerat fugiat obcaecati aperiam id, ipsam quos officiis impedit. Rerum consequatur iusto reprehenderit beatae odio, nobis repudiandae aperiam, id, officiis dicta voluptas deleniti suscipit aliquid? Esse voluptatum, totam accusamus dolore, nobis praesentium repellendus eveniet modi laboriosam consequatur quae inventore placeat? Harum quisquam eveniet ipsum ut, odio nostrum totam cupiditate velit blanditiis, odit ducimus optio inventore? Necessitatibus dignissimos tenetur laborum dolor inventore in fugiat non, amet magni, ex iure deserunt sunt, aut veritatis placeat ipsam dolorum fugit harum. Atque distinctio amet eveniet voluptatibus incidunt repudiandae deserunt laudantium! Voluptate, perferendis. Nulla adipisci dignissimos eaque nobis voluptates eligendi beatae iste consequuntur quasi reiciendis asperiores laborum autem culpa pariatur mollitia cupiditate aliquam doloremque, minima nostrum voluptatum vero laboriosam deleniti. Molestiae doloribus distinctio dolores officia unde quidem minus perferendis vitae laudantium sunt illo, mollitia, ad vel iure! Ducimus illum illo totam inventore, fuga sed quaerat voluptate amet minima reprehenderit. Quidem, dolorum quae? Deserunt dolorem nulla libero voluptate perspiciatis aliquid modi. Porro autem itaque magni incidunt maxime maiores cumque consequuntur eos reprehenderit, atque ex, iure dolore? Quod, quae. Totam odit dolorum cum quo esse reprehenderit asperiores provident eius, in a maxime distinctio iusto, enim consequatur consectetur cumque eos natus labore! Incidunt minus voluptatibus omnis autem porro, tenetur, eos vero nobis, ut dignissimos saepe! Et eos consectetur similique praesentium sequi amet, voluptatum animi fugit nam? Rem non quod culpa, consequatur dolore doloremque nesciunt, quas voluptate atque fugit debitis eveniet labore. At earum nobis quidem illum fugit perspiciatis maiores nulla aut vitae, eum, in vel accusamus eius dolores, praesentium sapiente ut numquam aspernatur sunt hic. Possimus qui culpa maiores repudiandae nesciunt accusantium facere neque, quibusdam soluta, praesentium sint nobis totam libero, sed saepe dicta tempora voluptate vitae at assumenda pariatur! Quas sed delectus iure labore quos, eum deserunt quis voluptas, cupiditate impedit non dolore at saepe praesentium, dicta veritatis et? Voluptates asperiores molestiae natus consequatur, cum doloremque maiores numquam provident aspernatur, nobis perferendis. Libero unde aperiam odit omnis molestias voluptatibus obcaecati saepe sapiente sint rerum soluta repellendus ab quasi doloribus commodi ex dicta nobis distinctio, itaque cumque adipisci earum nesciunt. Excepturi, modi. Vitae, quas quis quam, corporis cupiditate dicta veniam architecto totam minus officia soluta quod, ipsam similique dolores porro culpa quaerat! Temporibus, aspernatur impedit repellendus dolore deleniti aliquam cum excepturi rerum, perferendis dicta dolorem consequuntur porro dolorum illum corrupti quam eaque reprehenderit maiores nobis obcaecati? Aliquam nostrum magnam dolorum magni molestiae, quibusdam, facilis voluptatem voluptate est adipisci nisi veniam, ut esse reprehenderit molestias deleniti assumenda rerum quod illo voluptas cupiditate aliquid. Neque qui fuga vero laboriosam ipsam nemo nulla deleniti accusantium quam quas molestiae eius commodi animi architecto perferendis, dignissimos asperiores accusamus omnis veritatis. Optio minus voluptatem ipsam ad alias et. Blanditiis esse distinctio deserunt assumenda, eos fugit nihil minus accusamus officiis placeat eius dolorem beatae quos nobis molestiae ab, labore aperiam aliquid repellat quia laborum atque? Voluptas porro consequuntur ex, saepe nam suscipit rem unde nihil sint sit cum? Ipsam laboriosam enim doloribus pariatur autem excepturi beatae vitae sequi ipsa animi! Impedit repellat itaque ab. Nobis expedita vero, consectetur ex temporibus dicta consequuntur enim sunt sit dolores ea optio at natus ratione deleniti dolor nostrum? Incidunt exercitationem dolorum ut quasi quia voluptatem rerum dicta hic quaerat commodi aliquid earum enim officia minima, repellat esse iusto laborum voluptatum ea rem! Quasi maxime cumque corporis voluptatem. Rerum, totam. Itaque officia voluptatibus ex, architecto, saepe, minus sapiente dicta ratione in reprehenderit quidem exercitationem sequi perspiciatis. Vero maiores ullam voluptatibus similique ipsam error saepe, placeat quod, nisi eum deleniti vitae culpa odit voluptatem ut cupiditate corrupti amet cumque aperiam, ad nihil. Consectetur hic ipsum nostrum distinctio explicabo debitis doloribus harum sequi commodi, magni accusamus soluta quasi odio eius et fuga animi totam temporibus ullam ad nemo quae ducimus. Facere aut ducimus inventore, obcaecati ea amet exercitationem unde libero consectetur nihil molestias. A mollitia autem, labore incidunt fuga voluptates doloremque repellat! Ea beatae, saepe libero rem quam illum neque, repellendus vel natus, voluptates ratione illo est magnam sit fuga porro alias sequi reprehenderit doloribus. Numquam eveniet fugit cum odit doloremque minima! Unde, ullam assumenda. Velit nobis voluptatum ab odit totam sequi officia provident praesentium earum quaerat ea magni beatae corrupti iste labore cumque magnam, laudantium maxime dolorem eligendi dicta quibusdam. Perferendis, consequuntur cupiditate quod alias deleniti laudantium necessitatibus ipsa, excepturi dolorem dolores harum sequi molestias numquam blanditiis vero ad nam facilis debitis maxime ratione nihil impedit quia. Minima reprehenderit saepe provident id corporis ipsam aspernatur ab veniam obcaecati atque sunt, nesciunt eius totam excepturi quas fugiat asperiores sapiente facilis, optio cum autem dolore nulla labore? Magni porro sint eligendi quisquam delectus culpa ut at itaque vero corporis nisi nobis, laudantium et veniam illo laboriosam ab. Quidem totam ab accusantium ea. Earum non perferendis voluptatibus impedit officiis, architecto vitae minima.</div>
<button onclick="func1()" class="hell">SCROLL RIGHT</button><br><br>
<script>
function func1(){
window.scrollBy(100,0);
}
</script>
</body>
</html>
Comments
Post a Comment
I WOULD APPRECIATE IF YOU LEAVE A COMMENT OR YOUR FEEDBACK HERE !!!