آیا میدانید 99 درصد ایردارپ های غیر رایگان جعلی و کلاهبرداری هستند! پس لطفا گول نخورید. پولدار شدن یک شبه خیالی خام و رویایی بیش نیست و میسر نمیشود به این جمله ایمان بیاورید.

دکمه بالابر صفحه با html و css [لینک]

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

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

id="topscr"

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

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

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

مطالب مرتبط ؛

  • به کانال ارز دیجیتال رایگان بپیوندید کانال ارز دیجیتال

    دیدگاهتان را بنویسید

    نشانی ایمیل شما منتشر نخواهد شد.

    بدون دیدگاه
    وبلاگ
    © 2021 - کلیه حقوق برای دیجیتال 98 محفوظ است