diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js
index 0332cd0..14786f9 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.js
@@ -1,4 +1,4 @@
 export default {
-  'tiny-mobile-pull-refresh-head-color': '#969799',
-  'tiny-mobile-pull-refresh-head-font-size': '14px'
-}
+  "tiny-mobile-pull-refresh-head-text-color": "#969799",
+  "tiny-mobile-pull-refresh-head-font-size": "14px",
+};
diff --git a/src/pull-refresh/index.less b/src/pull-refresh/index.less
index 0f55f04..d82af64 100644
--- a/src/pull-refresh/index.less
+++ b/src/pull-refresh/index.less
@@ -16,26 +16,34 @@
 @pull-refresh-prefix-cls: ~'@{css-prefix}mobile-pull-refresh';
 
 .@{pull-refresh-prefix-cls} {
+  height: 100%;
   user-select: none;
-
   &__track {
     position: relative;
     height: 100%;
     transition-property: transform;
   }
 
-  &__head {
+  &__tips {
     position: absolute;
     left: 0;
     width: 100%;
     overflow: hidden;
-    color: var(--ti-mobile-pull-refresh-head-color, #969799);
+    color: var(--ti-mobile-pull-refresh-head-text-color, #969799);
     font-size: var(--ti-mobile-pull-refresh-head-font-size, 14px);
     line-height: 50px;
     text-align: center;
+  }
+
+  &__head {
     transform: translateY(-100%);
   }
 
+  &__content {
+    overflow-y: auto;
+    height: 100%;
+  }
+
   &__loading {
     position: relative;
     display: inline-block;
diff --git a/src/pull-refresh/vars.less b/src/pull-refresh/vars.less
index 3261851..4c4fc08 100644
--- a/src/pull-refresh/vars.less
+++ b/src/pull-refresh/vars.less
@@ -1,4 +1,4 @@
 :root {
-  --ti-mobile-pull-refresh-head-color: #969799;
+  --ti-mobile-pull-refresh-head-text-color: #969799;
   --ti-mobile-pull-refresh-head-font-size: 14px;
 }