|
مجتمع uCoz العربي للدعم والمساعدة اصحاب المواقع والويب ماسترز اكواد وحلول HTML حصري .. تحريك قائمة الموقع الى الاسفل (تحكم بقائمة الموقع الرئيسيه) |
حصري .. تحريك قائمة الموقع الى الاسفل |
في هذه الاضافه سوف نقوم بتحريك قائمة الموقع الرئيسيه لتتبع التصفح للاسفل .
شرح الاضافه هنا لمواقع ucoz ويمكنك اضافتها الى اي موقع آخر. لمواقع ucoz نتبع الشرح التالي : ندخل الى لوحة التحكم بالموقع > تعديل التصميم > جدول الاساليب css . نبحث عن tm# وهو الكود الخاص بالقائمه ، ونلصق الكود التالي بأسفله .fixed-menu{ position: fixed; left:0; right:0; top:0px; z-index:1000; display:block; } ثم في كود tm# الاساسي للقائمه اجعل قيمة الهامش العلوي صفر كالتالي margin-top: 0px; احفظ التعديل وانتقل الى > كتل عامه > القسم العلوي للموقع ، والصق كود الجافا التالي مباشره بعد <div id="top"> او فوق علامة الاغلاق </div> او اسفلها . <script type="text/javascript"> $(window).scroll(function() { if ($(this).scrollTop()> 200 ) { $('#tm').addClass('fixed-menu'); } else { $('#tm').removeClass('fixed-menu'); } }); </script> لاحظ في الكود اعلاه الرقم 200 وهو خاص بالارتفاع قم بتعديله بزيادة المسافه او انقاصها بحسب موقع القائمه الخاص بموقعك واحفظ التغيير . مشاهده مباشره http://yemen-fact.ucoz.com/publ/7-1-0-15 بالتوفيق |
| |||
| |||