مشکل در طراحی منوی ثابت هنگام اسکرول

[MJP 272]

سلام و عرض ادب خدمت دوستان.

بنده با استفاده از این آموزش یکی از منوی های سایتم رو هنگام اسکرول کردن ثابت کردم. الان یه سری تغیرات نیاز دارم برای این کد.

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

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

ممنون و تشکر فراوان

آدرس سایت بنده: mj-p.ir

[علی زینلی 2114]

در مورد سوال اوّلتون درست متوجّه نشدم چی گفتین!

ولی در مورد سوال دومتون باید z-index خاصیّت جلو و عقب بردن لایه ها هست البتّه در این مورد از livicon هاتون خاصیّت position:relative رو بگیرید

(توی خود HTML استایل داده شدن)

[MJP 272]

در مورد سوال اوّلتون درست متوجّه نشدم چی گفتین!

ولی در مورد سوال دومتون باید z-index خاصیّت جلو و عقب بردن لایه ها هست البتّه در این مورد از livicon هاتون خاصیّت position:relative رو بگیرید

(توی خود HTML استایل داده شدن)

خوب بنده به منوی سایت اضافه کردم:

z-index:1 !important;

اما تفاوتی ایجاد نشد.

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

امیدوارم واضح تر رسونده باشم

ممنون

[مهدی 1668]

سلام

function sticky_menu(){
    var top = jQuery(window).scrollTop();
    if (top > 50) {
	    jQuery('#top-menu').addClass('sticky');
    } else
    {
	    jQuery('#top-menu').removeClass('sticky');
    }
}

به جای 50 مقدار مورد نظر خوذتون رو وارد کنید

تقریبا 190 میشه، تست کنید تا مقدار دقیقش رو متوجه بشید

z-index:1 !important;

در این مورد هم مقدارش رو بیشتر کنید تا درست بشه

[MJP 272]

سلام

function sticky_menu(){
var top = jQuery(window).scrollTop();
if (top > 50) {
	 jQuery('#top-menu').addClass('sticky');
} else
{
	 jQuery('#top-menu').removeClass('sticky');
}
}

به جای 50 مقدار مورد نظر خوذتون رو وارد کنید

تقریبا 190 میشه، تست کنید تا مقدار دقیقش رو متوجه بشید

z-index:1 !important;

در این مورد هم مقدارش رو بیشتر کنید تا درست بشه

بسیار عالی. اوکی شدن.

مرسی