Hi, i have problem in scroll menu side
this my code
<div class="aside-menu flex-column-fluid" id="kt_aside_menu">
<div class="hover-scroll-y my-2 my-lg-5 scroll-ms" id="kt_aside_menu_wrapper" data-kt-scroll="true"
data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_aside_logo, #kt_aside_footer"
data-kt-scroll-wrappers="#kt_aside, #kt_aside_menu" data-kt-scroll-offset="5px">
<div class="menu menu-column menu-title-gray-700 menu-state-title-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-500 fw-semibold"
id="#kt_aside_menu" data-kt-menu="true">
<div class="menu-item py-2">
<a class="menu-link menu-center href active" href="javascript:;"
data-href="http://localhost:8000">
<span class="menu-icon me-0">
<i class="fas fa-fw fa-dashboard fs-2x"></i>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ±Ø¦ÙØ³ÙØ©</span>
</a>
</div>
<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}"
data-kt-menu-placement="right-start" class="menu-item py-2">
<span class="menu-link menu-center ">
<span class="menu-icon me-0">
<i class="fas fa-fw fa-users fs-2x"></i>
</span>
<span class="menu-title text-nowrap">اÙÙ
ستخدÙ
ÙÙ</span>
</span>
<div
class="menu-sub menu-sub-dropdown menu-sub-indention px-2 py-4 w-250px mh-75 overflow-auto">
<div class="menu-item">
<div class="menu-content">
<span class="menu-section fs-5 fw-bolder ps-1 py-1">اÙÙ
ستخدÙ
ÙÙ</span>
</div>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/users/roles">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ£Ø¯Ùار</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/users/users">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
ستخدÙ
ÙÙ</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}"
data-kt-menu-placement="right-start" class="menu-item py-2">
<span class="menu-link menu-center ">
<span class="menu-icon me-0">
<i class="fas fa-fw fa-cog fs-2x"></i>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ¥Ø¹Ø¯Ø§Ø¯Ø§Øª</span>
</span>
<div
class="menu-sub menu-sub-dropdown menu-sub-indention px-2 py-4 w-250px mh-75 overflow-auto">
<div class="menu-item">
<div class="menu-content">
<span class="menu-section fs-5 fw-bolder ps-1 py-1">Ø§ÙØ¥Ø¹Ø¯Ø§Ø¯Ø§Øª</span>
</div>
</div>
<div class="menu-item menu-accordion" data-kt-menu-trigger="click">
<span class="menu-link ">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
ÙØ§Ø·Ù</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/settings/regions">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
ÙØ§Ø·Ù</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/settings/cities">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
دÙ</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/settings/neighborhoods">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ£ØÙاء</span>
</a>
</div>
</div>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/settings/companies">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ´Ø±Ùات</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/settings/suppliers">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
ÙØ±Ø¯ÙÙ</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/settings/customers">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ¹Ù
ÙØ§Ø¡</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/settings/attachment-types">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø£ÙÙØ§Ø¹ اÙÙ
رÙÙØ§Øª</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/settings/nationalities">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ¬ÙØ³ÙØ§Øª</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}"
data-kt-menu-placement="right-start" class="menu-item py-2">
<span class="menu-link menu-center ">
<span class="menu-icon me-0">
<i class="fas fa-fw fa-dollar-sign fs-2x"></i>
</span>
<span class="menu-title text-nowrap">اÙÙ
اÙÙØ©</span>
</span>
<div
class="menu-sub menu-sub-dropdown menu-sub-indention px-2 py-4 w-250px mh-75 overflow-auto">
<div class="menu-item">
<div class="menu-content">
<span class="menu-section fs-5 fw-bolder ps-1 py-1">اÙÙ
اÙÙØ©</span>
</div>
</div>
<div class="menu-item menu-accordion" data-kt-menu-trigger="click">
<span class="menu-link ">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ«Ùابت</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/financials/banks">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ¨ÙÙÙ</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/financials/fixed-assets">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ£ØµÙÙ Ø§ÙØ«Ø§Ø¨ØªØ©</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/financials/expenses">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
صرÙÙØ§Øª</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/financials/revenues">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ¥Ùرادات</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/financials/operating-expenses">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
صرÙÙØ§Øª Ø§ÙØªØ´ØºÙÙÙØ©</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/financials/payroll-expenses">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ù
صرÙÙØ§Øª Ø§ÙØ±Ùاتب</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/financials/partner-accounts">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">ØØ³Ø§Ø¨Ø§Øª Ø§ÙØ´Ø±Ùاء</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}"
data-kt-menu-placement="right-start" class="menu-item py-2">
<span class="menu-link menu-center ">
<span class="menu-icon me-0">
<i class="fas fa-fw fa-home fs-2x"></i>
</span>
<span class="menu-title text-nowrap">إدارة Ø§ÙØ£Ù
ÙØ§Ù</span>
</span>
<div
class="menu-sub menu-sub-dropdown menu-sub-indention px-2 py-4 w-250px mh-75 overflow-auto">
<div class="menu-item">
<div class="menu-content">
<span class="menu-section fs-5 fw-bolder ps-1 py-1">إدارة Ø§ÙØ£Ù
ÙØ§Ù</span>
</div>
</div>
<div class="menu-item menu-accordion" data-kt-menu-trigger="click">
<span class="menu-link ">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
ستأجرÙÙ</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/renters/jobs">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙØ¸Ø§Ø¦Ù</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/renters/renters">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
ستأجرÙÙ</span>
</a>
</div>
</div>
</div>
<div class="menu-item menu-accordion" data-kt-menu-trigger="click">
<span class="menu-link ">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
ÙØ§Ù</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/owners/agents">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙÙÙØ§Ø¡</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/owners/owner-categories">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">تصÙÙÙØ§Øª اÙÙ
ÙØ§Ù</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/owners/owners">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
ÙØ§Ù</span>
</a>
</div>
</div>
</div>
<div class="menu-item menu-accordion" data-kt-menu-trigger="click">
<span class="menu-link ">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ¹Ùارات</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item menu-accordion" data-kt-menu-trigger="click">
<span class="menu-link ">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ«Ùابث</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/building-types">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø£ÙÙØ§Ø¹ Ø§ÙØ¹Ùارات</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/building-classes">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">تصÙÙÙØ§Øª Ø§ÙØ¹Ùارات</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/services">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ®Ø¯Ù
ات</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/features">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
Ù
ÙØ²Ø§Øª</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/facilities">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙ
راÙÙ</span>
</a>
</div>
</div>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/buildings">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ¹Ùارات</span>
</a>
</div>
</div>
</div>
<div class="menu-item menu-accordion" data-kt-menu-trigger="click">
<span class="menu-link ">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙØØ¯Ø§Øª</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/units-types">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø£ÙÙØ§Ø¹ اÙÙØØ¯Ø§Øª</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/floors">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ·ÙابÙ</span>
</a>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/units">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">اÙÙØØ¯Ø§Øª</span>
</a>
</div>
</div>
</div>
<div class="menu-item ">
<a class="menu-link href " href="javascript:;"
data-href="http://localhost:8000/buildings/contracts">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title text-nowrap">Ø§ÙØ¹ÙÙØ¯</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
why scroll no working !!
Hi,
Have you set a fixed height for the scrollable container?
May I know your Metronic version please provide us a test link in a private reply. We will need to check your page online to investigate the issue.
Regards.
any answer!!!!
https://postimg.cc/gwZDVNCK
Hi,
We have checked your code but could not find the issue.
Can you please send us your test link to your page in a private reply ? We can't investigate the issue by referring to your code since we will need to check your code online in your environment.
Also, you can send the test link to our email at support@keenthemes.com
Regards.