رفتن به مطلب

ایجاد یک کادر ثابت در کنار صفحه


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

سلام لطفا این سایت رو نگاه کنید،سمت راست این سایت یه کادر وجود داره که وقتی صفحه اسکرول میشه و این کادر به بالای صفحه میرسه ثابت میمونه میشه راهنمایی کنید که چطور این کار رو انجام بدم.

البته من خاصیت position:fixed رو اضافه کردم اما یک جا ثابت میمونه و تکون نمیخوره.

لینک به ارسال

سلام

با جی‌کوئری میشه همچین چیزی ایجاد کرد که وقتی به پزیشن دیو مورد نظر برسه به اون خاصیت fixed بده!

<script type="text/javascript">

$(document).ready(function() {

var my_div = $("#my_div");
var div_top = my_div.offset().top;

$(document).scroll(function() {
if ($(document).scrollTop() >= div_top) {
$("#my_div").css({ 'position', "fixed"});
}
});

});

</script>

لینک به ارسال

سلام

با جی‌کوئری میشه همچین چیزی ایجاد کرد که وقتی به پزیشن دیو مورد نظر برسه به اون خاصیت fixed بده!

<script type="text/javascript">

$(document).ready(function() {

var my_div = $("#my_div");
var div_top = my_div.offset().top;

$(document).scroll(function() {
if ($(document).scrollTop() >= div_top) {
$("#my_div").css({ 'position', "fixed"});
}
});

});

</script>

سلام ممنون از پاسختون این خط کد چه مشکلی داره؟


$("#my_div").css({ 'position', "fixed"});

توی دریم ویور ارور میده.

لینک به ارسال

شاید به خاطر تفاوت کوتیشن ها هست.

برای پوزیشن از دابل کوتیشن استفاده بکنید و تست بکنید.

لینک به ارسال

شاید به خاطر تفاوت کوتیشن ها هست.

برای پوزیشن از دابل کوتیشن استفاده بکنید و تست بکنید.

باز هم نشد

لینک به ارسال

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

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

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

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

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

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

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

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

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