- صفحه اصلي قالب گراف
- انجمن
- آپلود سنتر
- تبليغات
- ورود
- عضويت
- خوراک
- نقشه
- تماس با ما
- ارسال پيام به مدير در انجمن ghalebgraph@gmail.com\09394943902
آموزش ساخت کد دکمه هدایت به بالا با انیمیشنبازديد : 438
.jpg)
امروز با شما هستیم با یه مطلب آموزشی مفید ساده در خدمتتون هستم که حدود
30 درصد کدنویسا دنبال این کد هستند که در اوج سبکی کد، دکمه هدایت به بالا
با انیمیشن بسازند اما با یه سری کد چرت و پرت 50 خطی مواجه میشند و منصرف
میشند.این کد جی کوئری رو به شما تقدیم میکنیم و امیدواریم براتون مفید
واقع شه.
ابتدا کد زیر در بخش قالبتون قرار بدید :
کد:
<script type="text/javascript"> $(function (){ $(window).scroll(function (){ if ($(this).scrollTop() != 0) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); $('#back-to-top').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); }); }); </script> بعد این کد رو هرجایی که دوست دارید قرار بدید :
کد:
<a id="back-to-top">برو بالا</a>میتونید خودتون شخصی سازیش کنید مثلا :
کد:
<a id="back-to-top"><img src="https://rozup.ir/view/2450396/Top.png"/>منبع : دانلود کد هدایت به بالا
