diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 72c55c57b..c01161c7e 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -10,12 +10,12 @@
     <div class="content-right">
       <div class="top-tools">
         <div>
-          <el-dropdown @command="panelChange" class="panel-dropdown-title" trigger="click" >
+          <el-dropdown @command="panelChange" class="panel-dropdown-title" trigger="click" v-scrollBar:el-dropdown>
             <el-row  :gutter="10" class="el-dropdown-link" style="">
               <el-col :span="21" class="panel-list-title" :title="showPanel.name">{{showPanel.name}}</el-col>
               <el-col :span="3" style="padding-left:0px !important;"><i class="el-icon-arrow-down el-icon--right"></i></el-col>
             </el-row>
-            <el-dropdown-menu class="nz-dashboard-dropdown" slot="dropdown" >
+            <el-dropdown-menu class="nz-dashboard-dropdown" slot="dropdown">
               <el-dropdown-item>{{$t('dashboard.panel.createPanelTitleSec')}}</el-dropdown-item>
               <el-dropdown-item v-for="item in panelData" :key="item.id+1"
                                 :class="showPanel.id==item.id?'nz-dashboard-dropdown-bg':''" :command="item">
diff --git a/nezha-fronted/src/main.js b/nezha-fronted/src/main.js
index c102e6445..26912bd58 100644
--- a/nezha-fronted/src/main.js
+++ b/nezha-fronted/src/main.js
@@ -126,18 +126,22 @@ Vue.directive("scrollBar", {
     if (arg === "el-table") {
       el = el.querySelector(".el-table__body-wrapper");
       !el && console.warn("未发现className为el-table__body-wrapper的dom");
-
-      // 启用x轴后不让原生滚动条出来作乱
-      vnode.context.$nextTick(() => {
-        el.classList.add("ps");
-        el.addEventListener("ps-scroll-y", () =>
-          el.classList.add("ps")
-        );
-        el.addEventListener("ps-scroll-x", () =>
-          el.classList.add("ps")
-        );
-      });
+    } else if (arg === "el-dropdown") {
+      el = el.querySelector(".el-dropdown-menu");
+      !el && console.warn("未发现className为el-dropdown-menu的dom");
     }
+
+    // 启用x轴后不让原生滚动条出来作乱
+    vnode.context.$nextTick(() => {
+      el.classList.add("ps");
+      el.addEventListener("ps-scroll-y", () =>
+        el.classList.add("ps")
+      );
+      el.addEventListener("ps-scroll-x", () =>
+        el.classList.add("ps")
+      );
+    });
+
     const rules = ["fixed", "absolute", "relative"];
     if (!rules.includes(window.getComputedStyle(el, null).position)) {
       console.error(
@@ -153,13 +157,17 @@ Vue.directive("scrollBar", {
     const { arg } = binding;
     if (arg === "el-table") {
       el = el.querySelector(".el-table__body-wrapper");
-      setTimeout(() => {
-        el.classList.add("ps");
-        el.classList.add("ps--active-y");
-        el._ps_.update();
-      }, 1500)
       !el && console.warn("未发现className为el-table__body-wrapper的dom");
+    } else if (arg === "el-dropdown") {
+      el = el.querySelector(".el-dropdown-menu");
+      !el && console.warn("未发现className为el-dropdown-menu的dom");
     }
+    setTimeout(() => {
+      el.classList.add("ps");
+      el.classList.add("ps--active-y");
+      el._ps_.update();
+    }, 1500)
+
     try {
       vnode.context.$nextTick(() => {
         el_scrollBar(el);