رفتن به مطلب

کد جی کوئری بازگشت به بالا صفحه


majid_kiani

پست های پیشنهاد شده

حتما توی خیلی از سایت ها دیدید که وقتی به پایین وبسایت اسکرول می کنید دکمه ای برای بازگشت به بالای صفحه ظاهر میشه که با کلیک روی اون به بالای صفحه بر میگردید.

برای انجام اینکار کافیه که ابتدا کدهای زیر رو توی تگ head سایت قرار بدین :


<script type='text/javascript' src='js/jquery.min.js'></script>
<script type="text/javascript" src="js/scrollTop.js"></script>[/color]
[color=#000000]

دستورات CSS زیر رو هم به فایل css قالبتون اضافه کنید


div.scrollToTop{
position: fixed;
right: 20px;
bottom:60px;
display: none;
width:70px;
padding: 10px;
background: #000;
opacity: 0.5;
}

div.scrollToTop a{
color: #fff;
text-decoration: none;
}[/font][/color]
[color=#000000][font=Tahoma, Geneva, sans-serif]

کد زیر رو هم بعد از تگ <body> قرار بدین :


<div class="scrollToTop"><a href="#" onclick="return false;">بازگشت به بالا</a></div>

لینک به ارسال
مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...