loading...

????? ???? ???????

بازدید : 17
دوشنبه 25 دی 1402 زمان : 12:32

یکی المان‌های جالب در باطن هر اینترنت سایتی میتواند دکمه برگشت به بالا باشد . این دکمه خصوصا در وضعیت تلفن همراه بسیار کاربردی میباشد . هنگامی طراحی سایت اختصاصی که اسکرول ورقه شما بسیار بلند و وقت گیر باشد ، در درون دستگاه تلفن همراه ، شما برای رجوع به اولِ ورقه بایستی مقدار متعددی اسکرول جاری ساختن دهید تا دوباره به اولیه شیت بازگردید . در بعضا از تارنما ها هنگامی که شما پاره ای به سمت زیر اسکرول نمائید ، در سمت چپ یا این که راست در انتهای کاغذ یک دکمه ظواهر میشود که با کلیک روی آن ، به یکباره به اولِ ورقه جهش خواهید کرد .این دکمه را می‌اقتدار در تارنما های وردپرسی بوسیله پلاگین هایی نیز طراحی کرد ولی در شرایطی که خودتان علاقمند به پیاده سازی می باشید می توانید به وسیله یک‌سری خط کد معمولی با html و css و اما مقداری جی‌کوئری این دکمه را برای تارنما خودتان بسازید . برای ایجاد کرد دکمه رفتن به بالای کاغذ با جی کوئری آغاز بایستی یک دکمه با html بسازیم ، آن‌گاه آن را با css صفحه آرایی کنیم و آنگاه به وسیله jQuery و به وسیله اوامر scrollTop ، click و animate همت اکران و حرکتی آن را تولید کنیم . اصول تشکیل داد دکمه رفتن به بالای ورقه ( scroll to top ) برای تشکیل داد اینگونه دکمه‌ای بایستی یکسری ضابطه معمولی را درنظر داشته باشید . نخستین اینکه می بایست درنظر بگیرید که مخاطب شما نباید از به عبارتی آغاز دکمه اسکرول به بالا را مشاهده نماید و وقتی که یه خرده تحت‌خیس رفت این دکمه برای وی ظواهر خواهد شد . مثلا هنگامی 1000 پیکسل از اولِ برگه به سمت زیر اسکرول شد ، این دکمه ظواهر گردد . پس اولی ضابطه ، اکران این دکمه در طی مطلوب میباشد . پوزیشن این دکمه بایستی درحالت fix باشد یعنی در انتهای ورقه به صورت اثبات بوده و تکان نکند که به وسیله css می بایست آن را ایفا دهیم . آیتم دوم اینجاست که زمانی مخاطب روی این دکمه کلیک کرد ، با یک افکت انیمیشنی و در دوران هنگامی معلوم مثل 1 تا نهایتا 2 ثانیه به اولِ ورقه بازگردد . گزینه آتی اینجاست که هنگامی مخاطب روی دکمه کلیک کرد و به اولِ ورقه برگشت ، دیگر دکمه اکران داده نشود و دوباره هنگامی که مخاطب به اندازه اسکرول معین گردیده تحت‌خیس رفت ، مجدد این دکمه ظواهر خواهد شد . پس بایستی 3 اصل را درکل مدنظر داشته باشیم .

یکی المان‌های جالب در باطن هر اینترنت سایتی میتواند دکمه برگشت به بالا باشد . این دکمه خصوصا در وضعیت تلفن همراه بسیار کاربردی میباشد . هنگامی طراحی سایت اختصاصی که اسکرول ورقه شما بسیار بلند و وقت گیر باشد ، در درون دستگاه تلفن همراه ، شما برای رجوع به اولِ ورقه بایستی مقدار متعددی اسکرول جاری ساختن دهید تا دوباره به اولیه شیت بازگردید . در بعضا از تارنما ها هنگامی که شما پاره ای به سمت زیر اسکرول نمائید ، در سمت چپ یا این که راست در انتهای کاغذ یک دکمه ظواهر میشود که با کلیک روی آن ، به یکباره به اولِ ورقه جهش خواهید کرد .این دکمه را می‌اقتدار در تارنما های وردپرسی بوسیله پلاگین هایی نیز طراحی کرد ولی در شرایطی که خودتان علاقمند به پیاده سازی می باشید می توانید به وسیله یک‌سری خط کد معمولی با html و css و اما مقداری جی‌کوئری این دکمه را برای تارنما خودتان بسازید . برای ایجاد کرد دکمه رفتن به بالای کاغذ با جی کوئری آغاز بایستی یک دکمه با html بسازیم ، آن‌گاه آن را با css صفحه آرایی کنیم و آنگاه به وسیله jQuery و به وسیله اوامر scrollTop ، click و animate همت اکران و حرکتی آن را تولید کنیم . اصول تشکیل داد دکمه رفتن به بالای ورقه ( scroll to top ) برای تشکیل داد اینگونه دکمه‌ای بایستی یکسری ضابطه معمولی را درنظر داشته باشید . نخستین اینکه می بایست درنظر بگیرید که مخاطب شما نباید از به عبارتی آغاز دکمه اسکرول به بالا را مشاهده نماید و وقتی که یه خرده تحت‌خیس رفت این دکمه برای وی ظواهر خواهد شد . مثلا هنگامی 1000 پیکسل از اولِ برگه به سمت زیر اسکرول شد ، این دکمه ظواهر گردد . پس اولی ضابطه ، اکران این دکمه در طی مطلوب میباشد . پوزیشن این دکمه بایستی درحالت fix باشد یعنی در انتهای ورقه به صورت اثبات بوده و تکان نکند که به وسیله css می بایست آن را ایفا دهیم . آیتم دوم اینجاست که زمانی مخاطب روی این دکمه کلیک کرد ، با یک افکت انیمیشنی و در دوران هنگامی معلوم مثل 1 تا نهایتا 2 ثانیه به اولِ ورقه بازگردد . گزینه آتی اینجاست که هنگامی مخاطب روی دکمه کلیک کرد و به اولِ ورقه برگشت ، دیگر دکمه اکران داده نشود و دوباره هنگامی که مخاطب به اندازه اسکرول معین گردیده تحت‌خیس رفت ، مجدد این دکمه ظواهر خواهد شد . پس بایستی 3 اصل را درکل مدنظر داشته باشیم .

نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
آمار سایت
  • کل مطالب : 352
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 75
  • بازدید کننده امروز : 1
  • باردید دیروز : 17
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 113
  • بازدید ماه : 136
  • بازدید سال : 1922
  • بازدید کلی : 17987
  • <
    پیوندهای روزانه
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    کدهای اختصاصی