diff --git a/examples/demo-styles/index.scss b/examples/demo-styles/index.scss
index 1684fb852b7..c838572f1f6 100644
--- a/examples/demo-styles/index.scss
+++ b/examples/demo-styles/index.scss
@@ -41,6 +41,6 @@
 @import "./upload.scss";
 @import "./divider.scss";
 @import "./image.scss";
-@import "./infiniteScroll.scss";
+@import "./infinite-scroll.scss";
 @import "./avatar.scss";
 
diff --git a/examples/demo-styles/infiniteScroll.scss b/examples/demo-styles/infinite-scroll.scss
similarity index 94%
rename from examples/demo-styles/infiniteScroll.scss
rename to examples/demo-styles/infinite-scroll.scss
index 6db0900b857..a63f9eb5cd0 100644
--- a/examples/demo-styles/infiniteScroll.scss
+++ b/examples/demo-styles/infinite-scroll.scss
@@ -3,7 +3,6 @@
   padding: 0;
   margin: 0;
   list-style: none;
-  overflow: auto;
 
   .infinite-list-item {
     display: flex;
@@ -21,7 +20,6 @@
 
 .infinite-list-wrapper {
   height: 300px;
-  overflow: auto;
   text-align: center;
 
   .list{
diff --git a/examples/docs/en-US/infiniteScroll.md b/examples/docs/en-US/infiniteScroll.md
index d61ea96ddb0..1e8657c0ba7 100644
--- a/examples/docs/en-US/infiniteScroll.md
+++ b/examples/docs/en-US/infiniteScroll.md
@@ -7,7 +7,7 @@ Add `v-infinite-scroll` to the list to automatically execute loading method when
 :::demo
 ```html
 <template>
-  <ul class="infinite-list" v-infinite-scroll="load">
+  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
     <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
   </ul>
 </template>
@@ -34,7 +34,7 @@ Add `v-infinite-scroll` to the list to automatically execute loading method when
 :::demo
 ```html
 <template>
-  <div class="infinite-list-wrapper">
+  <div class="infinite-list-wrapper" style="overflow:auto">
     <ul
       class="list"
       v-infinite-scroll="load"
diff --git a/examples/docs/es/infiniteScroll.md b/examples/docs/es/infiniteScroll.md
index 97d763ac39e..8b121c8fc47 100644
--- a/examples/docs/es/infiniteScroll.md
+++ b/examples/docs/es/infiniteScroll.md
@@ -8,7 +8,7 @@ Añada `v-infinite-scroll` a la lista para ejecutar automáticamente el método
 
 ```html
 <template>
-  <ul class="infinite-list" v-infinite-scroll="load">
+  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
     <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
   </ul>
 </template>
@@ -35,7 +35,7 @@ Añada `v-infinite-scroll` a la lista para ejecutar automáticamente el método
 :::demo
 ```html
 <template>
-  <div class="infinite-list-wrapper">
+  <div class="infinite-list-wrapper" style="overflow:auto">
     <ul
       class="list"
       v-infinite-scroll="load"
diff --git a/examples/docs/fr-FR/infiniteScroll.md b/examples/docs/fr-FR/infiniteScroll.md
index 2cb383cdb4b..022be00be21 100644
--- a/examples/docs/fr-FR/infiniteScroll.md
+++ b/examples/docs/fr-FR/infiniteScroll.md
@@ -7,7 +7,7 @@ Ajoutez `v-infinite-scroll` à la liste pour exécuter automatiquement la métho
 :::demo
 ```html
 <template>
-  <ul class="infinite-list" v-infinite-scroll="load">
+  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
     <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
   </ul>
 </template>
@@ -34,7 +34,7 @@ Ajoutez `v-infinite-scroll` à la liste pour exécuter automatiquement la métho
 :::demo
 ```html
 <template>
-  <div class="infinite-list-wrapper">
+  <div class="infinite-list-wrapper" style="overflow:auto">
     <ul
       class="list"
       v-infinite-scroll="load"
diff --git a/examples/docs/zh-CN/infiniteScroll.md b/examples/docs/zh-CN/infiniteScroll.md
index faf119c6496..6d76ba2bc83 100644
--- a/examples/docs/zh-CN/infiniteScroll.md
+++ b/examples/docs/zh-CN/infiniteScroll.md
@@ -7,7 +7,7 @@
 :::demo
 ```html
 <template>
-  <ul class="infinite-list" v-infinite-scroll="load">
+  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
     <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
   </ul>
 </template>
@@ -34,7 +34,7 @@
 :::demo
 ```html
 <template>
-  <div class="infinite-list-wrapper">
+  <div class="infinite-list-wrapper" style="overflow:auto">
     <ul
       class="list"
       v-infinite-scroll="load"
diff --git a/types/element-ui.d.ts b/types/element-ui.d.ts
index 4abeb7db393..257fa5e0ec6 100644
--- a/types/element-ui.d.ts
+++ b/types/element-ui.d.ts
@@ -75,7 +75,7 @@ import { ElIcon } from './icon'
 import { ElCalendar } from './calendar'
 import { ElImage } from './image'
 import { ElBacktop } from './backtop'
-import { ElInfiniteScroll } from './infiniteScroll'
+import { ElInfiniteScroll } from './infinite-scroll'
 import { ElPageHeader } from './page-header'
 import { ElAvatar } from './avatar'
 
diff --git a/types/infiniteScroll.d.ts b/types/infinite-scroll.d.ts
similarity index 100%
rename from types/infiniteScroll.d.ts
rename to types/infinite-scroll.d.ts