خانه بلاگ web


دکمه بازگشت به بالا در سایت 265  

نویسنده: پیام حیاتی

آموزش قرار دادن دکمه بازگشت به بالا در صفحه وب، Scroll to top button

دکمه بازگشت به بالا در سایت

با استفاده از کدهای زیر می توانید دکمه بازگشت به بالا را در سایت خود ایجاد کنید. کدهای بخش HTML:

Hello!

 

کدهای بخش CSS:

body { background-color: #3498db; color: #ecf0f1; } .back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; }

کدهای بخش جاوا اسکریپت:

$(document).ready(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); // scroll body to 0px on click $('#back-to-top').click(function () { $('body,html').animate({ scrollTop: 0 }, 400); return false; }); });




نظرات شما