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

[romila 44]

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

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

[Mohammad 1620]

سلام

با جی‌کوئری میشه همچین چیزی ایجاد کرد که وقتی به پزیشن دیو مورد نظر برسه به اون خاصیت 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>

[romila 44]

سلام

با جی‌کوئری میشه همچین چیزی ایجاد کرد که وقتی به پزیشن دیو مورد نظر برسه به اون خاصیت 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"});

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

[عبدالماجد 3203]

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

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

[romila 44]

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

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

باز هم نشد

[romila 44]

خودم مشکل رو پیدا کردم،باید به صورت زیر تغییر کنه:

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