هنوز چند بایت مونده که پیدا کنم...

کلید برگشت به بالای صفحه با جی کوئری - Back to Top

با استفاده از متدهای animate و scrollTop جی کوئری دیگه نیازی به استفاده از پلاگین یا کتابخانه دیگه ای ندارید. با تغییر مقدار scrollTop میتونید مشخص کنید که به کجای صفحه میخواین برین. عدد 800 نشون دهنده مدت زمان انیمشن هست به میلی ثانیه یعنی 800 میلی ثانیه طول میکشه که صفحه اسکرول بخوره به نطقه مورد نظر که اینجا (صفر) بالاترین نقطه صفحه وب هست. این تگ اچ تی ام ال هم نیاز دارید :

<a class="top" href="#">Back to top</a>
// Back to top
$('a.top').click(function (e) {
  e.preventDefault();
  $(document.body).animate({scrollTop: 0}, 800);
});

نکته

Back to Top Button
نویسنده : محمد ملک مکان
چهارشنبه 13 آبان 1394
+ 61 -

ایده ها، نظرات و سوالات دوستان ما

Amirhosseinhpv
ﺳﻪشنبه 27 مهر 1395
خوب بود ، ساده و شیک ...
+ 20 -

خوشحال میشیم نظرتُ بدونیم