diff --git a/src/assets/sass/common.scss b/src/assets/sass/common.scss
index b26da1cf4..d284ccea7 100644
--- a/src/assets/sass/common.scss
+++ b/src/assets/sass/common.scss
@@ -10,6 +10,8 @@
 }
 
 body {
+  height:auto;
+  max-height: 100%;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
@@ -17,6 +19,11 @@ body {
   background-color: #f5f5f5;
 }
 
+html {
+  height:auto;
+  max-height: 100%;
+}
+
 a,
 a:focus,
 a:hover {
diff --git a/src/views/ebiz/product/HomeProduct.vue b/src/views/ebiz/product/HomeProduct.vue
index 80f16bcf2..d0744e3d9 100644
--- a/src/views/ebiz/product/HomeProduct.vue
+++ b/src/views/ebiz/product/HomeProduct.vue
@@ -136,7 +136,7 @@ export default {
     showMore() {
       this.idMoreDataShow = !this.idMoreDataShow
       this.$nextTick(() => {
-        const height = document.body.clientHeight
+        const height = this.$refs.product.offsetHeight
         console.log('after: ', height)
         window.EWebBridge.webCallAppInJs('updateWebHeight', {
           height