Getting Started

Layout

Components

Plugins

Design

Form

CSS Helper

JS Helper

Tools

Scroll To Top

Scroll to top is a user interface component that provides a way for users to quickly navigate to the top of a webpage.

HTML |

<button class="null-scroll-to-top-container null-cursor-pointer null-flex">

<!-- Add whatever icon you want -->
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="20px" width="20px" xmlns="http://www.w3.org/2000/svg">
    <path d="M11 8.414V18h2V8.414l4.293 4.293 1.414-1.414L12 4.586l-6.707 6.707 1.414 1.414z"></path>
</svg>

</button><!-- End null-scroll-to-top-container -->

This function sets a default scroll position value of 300 to show button. You can invoke the function and provide your own value for the scrollY argument to adjust the scroll position as shown below:

JS |

null_scroll_to_top(500);

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit quod tempore voluptatum dolores ex iure modi consequuntur ipsam dicta asperiores, optio, debitis voluptas cupiditate. Aperiam possimus dolores pariatur repudiandae quam omnis quis, reiciendis quaerat quae, dolore unde sequi autem itaque laudantium, laboriosam quod vitae eligendi perspiciatis? Amet, fugiat quas? Non architecto quas corrupti culpa asperiores placeat obcaecati fugiat aspernatur ex saepe alias, perferendis necessitatibus. Amet quas quia quibusdam officia provident doloremque placeat laudantium! Id, nostrum deserunt aliquam aspernatur eos velit voluptate rem dignissimos possimus earum voluptatibus quae doloremque excepturi veniam repudiandae officia praesentium sint. Natus voluptatem consectetur a aperiam ea molestiae, deleniti repudiandae neque consequatur, eaque labore repellat ullam recusandae hic, explicabo animi voluptatum rem! Numquam, dicta alias ducimus temporibus asperiores iusto explicabo? Velit quia, laborum eaque placeat culpa perferendis assumenda facilis ea sit id ipsam necessitatibus accusantium a vero iure incidunt ut tempore. Vero architecto officiis maiores numquam suscipit, minus laudantium, in nulla, eum illo vitae? Fuga alias placeat animi odit consequatur nam, quaerat culpa aliquam expedita quas, dolorem, quam modi non. Voluptates, delectus vero? Delectus quidem libero cumque nam quaerat enim ad nobis illo corporis sit mollitia, pariatur eligendi nostrum animi rem aut at eum obcaecati id placeat.

Card

Scroll