دوره حرفه‌ای طراحی حساب کاربری با المنتور
تخفیف ویژه

تغییر جهت بازشدن لیست کشویی فهرست‌ها – تبدیل DropDown به DropUp

نویسنده : امیرمحمد معلمی
بدون دیدگاه
آخرین بروزرسانی : 22 خرداد, 1401
تبدیل DropDown به DropUp

فهرست کشویی و یا DropDown به دلیل اینکه فهرست آن از سمت بالا به سمت پایین نمایش داده می شود به آن  DropDown می گویند. به صورت پیش فرض ابزارک منو افزونه المنتورپرو دارای این ویژگی می‌باشد که ما می توانیم با استفاده از کمی کدنویسی CSS فهرست کشویی آن را از سمت پایین به بالا (DropUp) شخصی سازی کنیم. با این آموزش همراه ما باشید تا یاد بگیرید که چگونه بتوانید DropDown را به DropUp تبدیل کنید.

Share on twitter
Share on linkedin
Share on pinterest
Share on telegram
Share on whatsapp
Share on email

آنچه در این مطلب می خوانید

Drop Down چیست؟

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

منوی کشویی یا همان DropDown لیستی از مواردی است که با کلیک روی یک متن یا دکمه ظاهر می شود. این یک رویداد گرافیکی است که به کاربران ارائه می شود و می توانند مقداری را ازفهرست ارائه شده انتخاب کنند.

کد CSS

selector .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        transform-origin: bottom !important;
            -webkit-transform-origin: bottom !important;
    -ms-transform-origin: bottom !important;
}

selector .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: fixed;
    bottom: 0px;
    right: 0 !important;
    left: 0;
    top: auto !important;
}

دوره خاص زبان HTML و CSS برای المنتور

توسعه شخصی المنتور در بستر زبان برنامه نویسی