برای ایجاد دکمه بالابر صفحه معمولا از جاوا استفاده می کنند. اما ما قصد داریم تنها با سی اس اس و اچ تی ام ال دکمه بالابر صفحه را نمایش دهیم.

تگ body بالا ترین المان نمایش داده شده در صفحه هاست پس ما آن را به عنوان “بالابر صفحه” تعریف میکنیم. برای این کار کد زیر را باید داخل تگ body اضافه کنید.

id="topscr"

مقدار topscr مقداری دلخواه است و من این متن رو به عنوان اختصار عبارت top screen انتخاب کردم.
حال باید لینک رو قرار بدیم. معمولا یک لینک پایین صفحه در قسمت فوتر سایت قرار میدهند، برای مثال من یک باکس ساده میسازم:

<a href="#topscr" style="padding:2px 5px; background-color:#2196F7; color:#FFFFFF;">بالابر صفحه</a>

همون طور که میبینید یک لینک با باکس آبی رنگ و متنی سفید ساختم. نکته اصلی مقدار href است که در واقع همان ID ایست که برای body تعریف کردیم. لینک را در محل مناسبی قرار دهید و امتحان کنید!