مدیر کل بازنشسته سایت این ارسال پرطرفدار است. سحر شیرازی 1835 ارسال شده در 24 مرداد، ۱۳۹۴ مدیر کل بازنشسته سایت این ارسال پرطرفدار است. اشتراک گذاری ارسال شده در 24 مرداد، ۱۳۹۴ با سلام بعضا دوستانی هستن که میخوان ناوبار انجمنشون در بالای صفحه ثابت باشه و موقع حرکت به پایین صفحه ناوبار ثابت باشه و همیشه در دسترس باشه که خب یک امکان خوبی هست که منو ها در تمام صفحه برای کاربر در دسترس هست و مثلا زمانی که صفحه اسکرول عمودی زیادی خورده و کاربر در حال مشاهده پایین صفحه هست و برای رفتن به بخش دانلود ، گالری یا ... نیازی نیست که به بالای صفحه برگرده. ساده ترین راه ممکن استفاده از افزونه ی Fixed Navbar هست که می تونید از بخش دانلود دریافت کنید. اما خب اگه نخوایم از افزونه اسفاده کنیم هم کار سختی نیست.ابتدا به قسمت globalTemplate در مسیز زیر مراجعه می کنیم: پنل فارسی: Edit HtML & CSS < شخصی سازی > ظاهر > پوسته ها > پوسته ی مورد نظر پنل انگلیسی: Customization > Theme > Edit HTML & CSS > Templates > GlobalTemplate کد های زیر رو پیدا می کنیم: {template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""} بعد از کدهای بالا کدهای زیر رو اضافه می کنیم : <script> $('#elSearchNavContainer').addClass('original').clone().insertAfter('#elSearchNavContainer').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','2000').removeClass('original').hide(); $('.cloned #elSearch').remove(); $(document).ready(function() { var stickyNavTop = $('#elSearchNavContainer').offset().top; window.addEventListener("resize", clone); function clone() { var test = document.getElementById('elSearchNavContainer').offsetWidth; $('.cloned').css('width',test); } var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('.cloned').css('display', 'inline'); $('.original').css('visibility', 'hidden'); $('.original #elSearch').appendTo('.cloned'); } else { $('.cloned').css('display', 'none'); $('.original').css('visibility', 'visible'); $('.cloned #elSearch').appendTo('.original'); } }; stickyNav(); clone(); $(window).scroll(function() { stickyNav(); }); }); </script> 8 1 لینک ارسال به اشتراک گذاری در سایت های دیگر تنظیمات بیشتر اشتراک گذاری ...
ارسالهای توصیه شده