PDA

View Full Version : سوال: دکمه بالا برنده سایت



mohsen.nsb44
یک شنبه 08 فروردین 1395, 02:51 صبح
سلام
لطفا کدی در رابطه با دکمه ای که در پایین صفحه قرار دارد و با کلیک بر روی ان به بالای صفحه منتقل میشود قرار دهید
ایا با css میشود position رو قرار داد یا از جاوا اسکریپت باید استفاده کرد؟

anvar
یک شنبه 08 فروردین 1395, 05:36 صبح
می تونی فقط از css استفاده بکنی منتها زیاد نرم و دلچسب نیست
مثلا
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_a_href_anchor

اگر بخوای با نرمی به سمت بالا بری از jquery استفاده می کنی
با فرض اینکه در قسمت بالای صفحه تگی با id=top داشته باشی
و در پائین لینکی برای رفتن به بالا بصورت زیر
<a href="#top">go top</a>

<script>

$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
</script>

mohsen.nsb44
سه شنبه 21 اردیبهشت 1395, 10:14 صبح
می تونی فقط از css استفاده بکنی منتها زیاد نرم و دلچسب نیست
مثلا
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_a_href_anchor

اگر بخوای با نرمی به سمت بالا بری از jquery استفاده می کنی
با فرض اینکه در قسمت بالای صفحه تگی با id=top داشته باشی
و در پائین لینکی برای رفتن به بالا بصورت زیر
<a href="#top">go top</a>

<script>

$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
</script>

از کدتتون استفاده کردم اما یهو میبره بالا
دوستان لطفا راهنمایی بفرمایید چطور باید اینکارو انجام بدم که زیبا هم باشه

پیام حیاتی
سه شنبه 21 اردیبهشت 1395, 12:17 عصر
https://paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery
,
https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=go%20to%20top%20button%20jquery