Hi
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 !!
Replies (4)
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.
