ساخت منوی شناور (Floating Menu)، در CSS

سلام.

بنده نیز یک بار با این مشکل مواجه شدم.

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

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

در واقع منوی شناوری (Floating Menu) که طراحی شده بود، به عنوان زیرمجموعه ای از آن بخش مشکل زا در میان کدها قرار می گرفت. بنابراین بنده از این راه حل استفاده کردم که منوی شناور (Floating Menu) را دقیقا در بعد از تگ body صفحه (تگ body شروع) قرار دادم تا به صورت زیرمجموعه آن بخش مشکل زا قرار نگیرد :

یا اینکه می توانید آن را دقیقا در قبل از تگ body پایان صفحه قرار دهید :

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

اگر قصد دارید که دقیقا بعد از تگ body شروع صفحه قرار گیرد، هم می توانید به صورت عادی کدها را در آن قسمت از صفحه قرار دهید و هم اینکه می توانید یک کد JavaScript در اواخر کدهای صفحه بنویسید که محتوای مورد نظر شما را در آن بخش از صفحه قرار دهد (مثلا در مواردی که اطلاعات مربوط به آن منوی شناور (Floating Menu)، تا زمان اجرای کدها تا اواخر صفحه، به دست نیامده است).