منوی بالای سایت جومینا!*جالبه*

[joom 11]

با سلام

لطفا به سایت زیر برید:

www.joomina.ir

خوب کمی بیاید پایین یه منوی مشکی بالا میبینید.

خوب در حالت عادی این منو جای خودش وایستاده...

ولی یکم باید پایین تر...

دیدید چه اتفاقی افتاد؟

هرجا که میرید این منو هم میاد!!!!

این کار چطوری امکان پذیر هست؟

ممنون میشم کمک کنید

[mmfallah 67]

تا جايي كه من ميدونم بايد به اون موقعيت position:fixed بدن تا به اين صورت بشه. ولي اين مورد را مطمئننيستم صبر كنيد تا دوستان ديگر هم نظرشون را اعلام كنند

[joom 11]

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

حالا سوالی که پیش میاد چطوری اول ایستاده هست بعد که کمی میای پایین اون هم میاد این برای من سوال هست!:auau::auau::auau:

[mmfallah 67]

يه كدي براش قرار دادن كه وقتي اون موقعيت به بالاترين قسمت وب سايت رسيد ثابت بشه

:auau::auau::auau::auau::auau::auau::auau::auau::auau::auau::auau:

[Vahid Taheri 74]

به احتمال زیاد جاوااسکریپت باشه چون با css ساخت شنین منویی که به قول دوستان اولش ثابت باشه و بعد به حرکت در بیاد و همچنین موقعیتش وسط باشه با css کمی سخته.

[mehdininja 10]

درود

به نظر من دو راه داره

یک . با html 5 و css3 و JavaScript میشه هر کاری کرد . انمیشن میشه کد نوشت ، چه برسه به این مورد .

دو . افزونه

[joom 11]

دوستان ممنون از نظرات ارزشمند شما....

ممنون میشم دوستان دقیتر بگن من باید چی کار کنم تا منویی بدین شکل داشته باشم.؟

ممنون

ویرایش شده در دی 91 توسط joom
تصحیح غلط املایی

[blazhel 16]

دوست عزیز هم باید css بزنی هم کد جاوا مخصوص داره اگه میخ واهی یاد بگیری بنده منو قالب مدرن تک رو که رایگان چند وقت پیش زدم به این شکل طراحی کردم می تونی از اون یاد بگیری

[mohsen farahani 13]

یه کد ساده جی کوئری هست:

بعد از فراخونی jquery-1.7.1.min.js تو قالب اینارو اضافه کن و به کلاسها استیل بده نتیجه رو ببین

<script language="javascript">
$(window).scroll(function () {
   var $heightScrolled = $(window).scrollTop();
   var $defaultHeight = 50;

   if ( $heightScrolled < $defaultHeight )
   {
       $('#header').removeClass("sticky")
       }
   else {
       $('#header').addClass("sticky")
       }

});
</script>

اینام تو تگ بادی بذار

<div id="header">


   	<div id="menu">

       </div>
   </div>

   <div id="content">


   </div>

[mohsen farahani 13]

درضمن اگه می خوای تو جوملا زیر ورژن 3 استفاده کنی حواست به تداخل جی کوئری و موتولزم باشه .

راه حلش تو نت زیاد گفته شده یه سرچ بزن

یا علی

[joom 11]

داداش ممنون

این رو چطوری فراخوانی کنم jquery-1.7.1.min.js؟؟؟

اینو باید دانلود کنم؟

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