دکمه بالابر
سلام دوستان عزیز وقت همگی بخیر
من میخوام مثل خیلی از سایتها پایین صفحه یه دکمه بزارم که بتونه با کلیک روش از پایین صفحه بره بالا اما کدم جواب نمیده میشه بگین ایراد کارم کجاست
کدی که گذاشتم اینجوریه :
jQuery('#backtotop').onclick(function(){
$('html, body').animate({
top: 0
}, 1000);
});
و
<div id="backtotop" style="display: block;">Back to Top</div>
به این صورت بنویسید. البته کد رو داخل document.ready بزارید.
jQuery('#backtotop').click(function(){
$('body').animate({
scrollTop: 0
}, 1000);
});
سلام ممنون از شما که جوابم رو دادین
اما جواب نداد
نمیدونم چشه البته من آشنایی کمی با کدهای جاوا اسکریپت دارم تازه دارم یاد میگیرم بخاطر همین ایرادش رو نمیدونم :(
متوجه شدم که برای اینکه تو همه مرورگرها کار کنه شما باید هم از body و هم از html استفاده کنید.
اینطوری امتحان کردم الان تو فایرفاکس و کروم و اپرا کار می‌کنه. مرورگرهای دیگه رو خودتون امتحان کنید اگه کار نکرد بگید.
کد HTML:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { height: 2000px; position: relative; } #backtotop { background-color: red; width:50px; height:50px; position: fixed; bottom: 10px; right: 10px; } </style> <script src="lib/jquery.js"></script> <script> $(document).ready(function() { $('#backtotop').click(function(){ $('html, body').animate({ scrollTop: 0 }, 1000); }); }); </script> </head> <body> <div id="backtotop"></div> </body> </html>
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول