رفتن به مطلب

قرار دادن دکمه ی بالا رونده


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

سلام خدمت دوستان

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

نمیخوام تهه سایت روی قالب بااشه

بلکه به صورت شناور سمت راست یا چپ پایین صفحه شناور باشه تا هر جا از صفحه کاربر بتونه به بالای صفحه بر گرده

ویرایش شده توسط soft2fire
لینک به ارسال

اسکریپت های متعددی برای این کار وجود دارد:

http://lmgtfy.com/?q=go+to+top+script

برای معلق ماندن هم می توانید از خاصیت position:fixed; در استایل استفاده کنید...#

لینک به ارسال

همان طور که امید جان اشاره کردند، مثال های زیادی هست.

یک مثال ساده:

$(document).ready(function() {

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

<a href="#top">Back to top</a>

نمونه

لینک به ارسال

داداشی من خودم یکی پیدا کردم که همونیه که میخوام

ولی یه مشکلی هست

این قسمت رو چی کار کنم؟

میخوام جای این رنگ قرمز یک عکس یا نوشته بزارم

چی کار کنم؟

اینم کدش


position:fixed;z-Index:101;visibility:hidden;right:50px;bottom:50px;width:100px;height:30px;background-Color:red;

لینک به ارسال

بجای

background-Color:red

شما می تونید

background: url( );

استفاده کنید و عکس مورد نظرتون رو قرار بدین !!!

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...