diff --git a/README.md b/README.md
index 03b38de..d5fb699 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@
 
 ### 1. ES6 Module
 ```js
-import SelectionHandian form 'selection-handian'
+import SelectionHandian from 'selection-handian'
 
 new SelectionHandian({
   /**
@@ -61,6 +61,8 @@ const defaultOptions = {
   container: document.body,
   // 监听节点
   el: document.body,
+  // 滚动容器，默认为 document.documentElement || document.body
+  scroller: void 0,
   // 浮窗
   popup: null,
   // 选择结束
diff --git a/index.js b/index.js
index 8be3480..884c1c7 100644
--- a/index.js
+++ b/index.js
@@ -1,18 +1,20 @@
 const defaultOptions = {
   // 汉典最大加载时间
   MAX_TIME_OUT: 3500,
+  // 滚动容器，默认为 document.documentElement || document.body
+  scroller: void 0,
   // 浮窗挂载节点
   container: document.body,
   // 监听节点
   el: document.body,
   // 浮窗
   popup: null,
-  // 选择结束
-  onEnd: () => {},
   // x轴位移量
   offsetX: 2,
   // y轴位移量
   offsetY: 12,
+  // 选择结束
+  onEnd: () => {},
 }
 
 class SelectionHanDian {
@@ -81,7 +83,7 @@ class SelectionHanDian {
     div.style.textAlign = 'center'
     div.style.lineHeight = '32px'
     div.style.fontSize = '16px'
-    div.style.userSelect = "none"
+    div.style.userSelect = 'none'
     div.innerText = '典'
     div.title = '查汉典'
 
@@ -163,7 +165,7 @@ class SelectionHanDian {
     content.frameBorder = '0'
     content.src = `https://www.zdic.net/hans/${word}`
     content.sandbox = 'allow-same-origin allow-scripts allow-forms'
-    content.seamless = "seamless"
+    content.seamless = 'seamless'
     content.id = 'handian_content'
     // content.style['display'] = 'none';
     content.width = '375'
@@ -198,6 +200,23 @@ class SelectionHanDian {
     return cnReg.test(text2) ? text2 : ''
   }
 
+  // 插入样式
+  injectStyles = (styles) => {
+    const style = document.createElement('style')
+
+    style.type = 'text/css'
+    style.innerHTML = `
+      .ly-selection-popup-button {
+        opacity: 0.6;
+      }
+      .ly-selection-popup-button:hover {
+        opacity: 1;
+      }
+    `
+    document.head.appendChild(style)
+    return style
+  }
+
   // 计算元素位置
   calcPosition(position, el) {
     if (!position || !el) return
@@ -219,6 +238,26 @@ class SelectionHanDian {
     el.style.transition = 'all 0.25s cubic-bezier(0, 0, 0.2, 1) 0s'
     el.style.left = `${position.left}px`
     el.style.top = `${position.top}px`
+
+    // 修复一下弹窗的完整可见性
+    const elBottom = position.top + el.clientHeight
+    const scrollTop = this.options.scroller
+      ? this.options.scroller.scrollTop
+      : Math.max(document.documentElement.scrollTop, document.body.scrollTop)
+    const viewBottom = window.innerHeight + scrollTop
+    const diffDistance = Math.max(0, elBottom - viewBottom)
+    if (diffDistance > 0) {
+      const scrollOpts = {
+        top: scrollTop + diffDistance,
+        behavior: 'smooth',
+      }
+      if (this.options.scroller) {
+        this.options.scroller.scrollTo(scrollOpts)
+      } else {
+        document.documentElement.scrollTo(scrollOpts)
+        document.body.scrollTo(scrollOpts)
+      }
+    }
   }
 
   // 获取popup node
diff --git a/index.min.js b/index.min.js
index 24c71fb..48e42c3 100644
--- a/index.min.js
+++ b/index.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).momentAgo=t()}(this,function(){"use strict";function o(t,e){var n,o=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),o.push.apply(o,n)),o}function i(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach(function(e){s(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var r={MAX_TIME_OUT:3500,container:document.body,el:document.body,popup:null,onEnd:function(){},offsetX:2,offsetY:12},e=function(){function n(){var e=this,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),s(this,"trimText",function(e){e=String(e).trim().replace(/([。，！～【】\(\)（）])|(\d)|(\s*)/gi,"").replace(/[a-zA-Z]/g,"");return/[^\u0000-\u00FF]/.test(e)?e:""}),s(this,"getPopup",function(){return e.popup}),s(this,"getPopupVisible",function(){return"none"!==window.getComputedStyle(e.popup).display}),s(this,"getLoadingVisible",function(){var e=document.querySelector("#handian-loading");return e&&0<e.clientHeight}),s(this,"showButton",function(){e.button&&(e.button.style.display="block")}),s(this,"hideButton",function(){e.button&&(e.button.style.display="none")}),s(this,"showPopup",function(){e.popup&&(e.popup.style.display="block")}),s(this,"hidePopup",function(){e.popup&&(e.popup.style.display="none")}),s(this,"hideAll",function(){e.hideButton(),e.hidePopup()}),this.options=i(i({},r),t),this._init(),this._createPopup()}var e,t,o;return e=n,(t=[{key:"_init",value:function(){var n=this,e=this.options;e.container;var t=e.el,o=e.onEnd;window.removeEventListener("mousedown",this.hideAll),t.addEventListener("mouseup",function(e){var t=window.getSelection();"Range"===t.type&&(t=t.toString(),(t=n.trimText(t))&&(n._createButton(event,t),o(e,t,n),window.addEventListener("mousedown",n.hideAll)))})}},{key:"_createButton",value:function(e,t){var n=this,o=document.querySelector(".ly-selection-popup-button");o&&document.body.removeChild(o);var o=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,i=e.clientX,l=e.clientY+o,o=document.createElement("div");return o.setAttribute("class","ly-selection-popup-button"),o.style.position="absolute",o.style.display="block",o.style.left=0,o.style.top=0,o.style.width="32px",o.style.minHeight="32px",o.style.borderRadius="3px",o.style.backgroundColor="#f5f5f5",o.style.fontWeigh=500,o.style.color="#9d6a51",o.style.cursor="pointer",o.style.zIndex="1200",o.style.textAlign="center",o.style.lineHeight="32px",o.style.fontSize="16px",o.style.userSelect="none",o.innerText="典",o.title="查汉典",o.style.left="".concat(i,"px"),o.style.top="".concat(l+this.options.offsetY,"px"),o.addEventListener("mousedown",function(e){return e.stopPropagation()}),o.addEventListener("mouseup",function(e){return e.stopPropagation()}),o.addEventListener("click",function(e){e.stopPropagation(),n.hideButton();e=n._createHanDian(t);n.popup.appendChild(e),n.popup.style.left="".concat(i,"px"),n.popup.style.top="".concat(l,"px"),n.showPopup();e=n.calcPosition({x:i+n.options.offsetX,y:l+n.options.offsetY},n.popup);n.callPosition(n.popup,e)}),document.body.appendChild(o),this.button=o}},{key:"_createPopup",value:function(){var e=document.createElement("div");e.setAttribute("class","ly-selection-popup-cotainer"),e.style.position="absolute",e.style.display="none",e.style.zIndex="1201",e.style.left=0,e.style.top=0,e.style.minWidth="375px",e.style.minHeight="375px",e.style.backgroundColor="#fff",e.style.borderRadius="2px",e.style.boxShadow="rgb(0 0 0 / 8%) 1px 2px 13px 0px",e.style.overflow="hidden";var t=document.createElement("p");return t.style.textAlign="center",t.style.fontSize="12px",t.style.height="20px",t.style.lineHeight="20px",t.style.margin="0",t.style.color="#888",t.style.overflow="hidden",t.innerHTML="加載結果中，請稍候……",t.id="handian-loading",e.appendChild(t),document.body.appendChild(e),this.popup=e}},{key:"_createHanDian",value:function(){var e=this,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",n=document.getElementById("handian_content");n&&this.popup.removeChild(n),clearTimeout(this._timer);n=document.createElement("iframe");return n.frameBorder="0",n.src="https://www.zdic.net/hans/".concat(t),n.sandbox="allow-same-origin allow-scripts allow-forms",n.seamless="seamless",n.id="handian_content",n.width="375",n.height="400",console.log("加载汉典",Date.now()),this.showLoading(),n.addEventListener("load",function(){console.log("汉典加载好了",Date.now()),e.hideLoading()}),this.options.MAX_TIME_OUT&&(this._timer=setTimeout(function(){e.getLoadingVisible()&&(console.warn("汉典加载超过".concat(e.options.MAX_TIME_OUT,"ms")),e.hideLoading())},this.options.MAX_TIME_OUT)),n}},{key:"calcPosition",value:function(e,t){if(e&&t){var n=e.x,o=e.y,i=Math.max(window.innerWidth,document.body.scrollWidth),e=Math.max(window.innerHeight,document.body.scrollHeight),t=t.getBoundingClientRect();return{left:Math.min(n,i-t.width),top:Math.min(o,e-t.height)}}}},{key:"callPosition",value:function(e,t){t&&e&&(e.style.transition="all 0.25s cubic-bezier(0, 0, 0.2, 1) 0s",e.style.left="".concat(t.left,"px"),e.style.top="".concat(t.top,"px"))}},{key:"showLoading",value:function(){var e=document.getElementById("handian-loading");e&&(e.style.height="20px")}},{key:"hideLoading",value:function(){var e=document.getElementById("handian-loading");e&&(e.style.height="0")}}])&&l(e.prototype,t),o&&l(e,o),n}();return new e({onEnd:function(e,t,n){Array.isArray(dataLayer)&&dataLayer.push(Object.assign({event:"dianClick",selection_text:t}))}}),e});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).momentAgo=e()}(this,function(){"use strict";function o(e,t){var n,o=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)),o}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach(function(t){s(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function l(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function s(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var r={MAX_TIME_OUT:3500,scroller:void 0,container:document.body,el:document.body,popup:null,offsetX:2,offsetY:12,onEnd:function(){}},t=function(){function n(){var t=this,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n),s(this,"trimText",function(t){t=String(t).trim().replace(/([。，！～【】\(\)（）])|(\d)|(\s*)/gi,"").replace(/[a-zA-Z]/g,"");return/[^\u0000-\u00FF]/.test(t)?t:""}),s(this,"injectStyles",function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML="\n      .ly-selection-popup-button {\n        opacity: 0.6;\n      }\n      .ly-selection-popup-button:hover {\n        opacity: 1;\n      }\n    ",document.head.appendChild(e),e}),s(this,"getPopup",function(){return t.popup}),s(this,"getPopupVisible",function(){return"none"!==window.getComputedStyle(t.popup).display}),s(this,"getLoadingVisible",function(){var t=document.querySelector("#handian-loading");return t&&0<t.clientHeight}),s(this,"showButton",function(){t.button&&(t.button.style.display="block")}),s(this,"hideButton",function(){t.button&&(t.button.style.display="none")}),s(this,"showPopup",function(){t.popup&&(t.popup.style.display="block")}),s(this,"hidePopup",function(){t.popup&&(t.popup.style.display="none")}),s(this,"hideAll",function(){t.hideButton(),t.hidePopup()}),this.options=i(i({},r),e),this._init(),this._createPopup()}var t,e,o;return t=n,(e=[{key:"_init",value:function(){var n=this,t=this.options;t.container;var e=t.el,o=t.onEnd;window.removeEventListener("mousedown",this.hideAll),e.addEventListener("mouseup",function(t){var e=window.getSelection();"Range"===e.type&&(e=e.toString(),(e=n.trimText(e))&&(n._createButton(event,e),o(t,e,n),window.addEventListener("mousedown",n.hideAll)))})}},{key:"_createButton",value:function(t,e){var n=this,o=document.querySelector(".ly-selection-popup-button");o&&document.body.removeChild(o);var o=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,i=t.clientX,l=t.clientY+o,o=document.createElement("div");return o.setAttribute("class","ly-selection-popup-button"),o.style.position="absolute",o.style.display="block",o.style.left=0,o.style.top=0,o.style.width="32px",o.style.minHeight="32px",o.style.borderRadius="3px",o.style.backgroundColor="#f5f5f5",o.style.fontWeigh=500,o.style.color="#9d6a51",o.style.cursor="pointer",o.style.zIndex="1200",o.style.textAlign="center",o.style.lineHeight="32px",o.style.fontSize="16px",o.style.userSelect="none",o.innerText="典",o.title="查汉典",o.style.left="".concat(i,"px"),o.style.top="".concat(l+this.options.offsetY,"px"),o.addEventListener("mousedown",function(t){return t.stopPropagation()}),o.addEventListener("mouseup",function(t){return t.stopPropagation()}),o.addEventListener("click",function(t){t.stopPropagation(),n.hideButton();t=n._createHanDian(e);n.popup.appendChild(t),n.popup.style.left="".concat(i,"px"),n.popup.style.top="".concat(l,"px"),n.showPopup();t=n.calcPosition({x:i+n.options.offsetX,y:l+n.options.offsetY},n.popup);n.callPosition(n.popup,t)}),document.body.appendChild(o),this.button=o}},{key:"_createPopup",value:function(){var t=document.createElement("div");t.setAttribute("class","ly-selection-popup-cotainer"),t.style.position="absolute",t.style.display="none",t.style.zIndex="1201",t.style.left=0,t.style.top=0,t.style.minWidth="375px",t.style.minHeight="375px",t.style.backgroundColor="#fff",t.style.borderRadius="2px",t.style.boxShadow="rgb(0 0 0 / 8%) 1px 2px 13px 0px",t.style.overflow="hidden";var e=document.createElement("p");return e.style.textAlign="center",e.style.fontSize="12px",e.style.height="20px",e.style.lineHeight="20px",e.style.margin="0",e.style.color="#888",e.style.overflow="hidden",e.innerHTML="加載結果中，請稍候……",e.id="handian-loading",t.appendChild(e),document.body.appendChild(t),this.popup=t}},{key:"_createHanDian",value:function(){var t=this,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",n=document.getElementById("handian_content");n&&this.popup.removeChild(n),clearTimeout(this._timer);n=document.createElement("iframe");return n.frameBorder="0",n.src="https://www.zdic.net/hans/".concat(e),n.sandbox="allow-same-origin allow-scripts allow-forms",n.seamless="seamless",n.id="handian_content",n.width="375",n.height="400",console.log("加载汉典",Date.now()),this.showLoading(),n.addEventListener("load",function(){console.log("汉典加载好了",Date.now()),t.hideLoading()}),this.options.MAX_TIME_OUT&&(this._timer=setTimeout(function(){t.getLoadingVisible()&&(console.warn("汉典加载超过".concat(t.options.MAX_TIME_OUT,"ms")),t.hideLoading())},this.options.MAX_TIME_OUT)),n}},{key:"calcPosition",value:function(t,e){if(t&&e){var n=t.x,o=t.y,i=Math.max(window.innerWidth,document.body.scrollWidth),t=Math.max(window.innerHeight,document.body.scrollHeight),e=e.getBoundingClientRect();return{left:Math.min(n,i-e.width),top:Math.min(o,t-e.height)}}}},{key:"callPosition",value:function(t,e){var n;e&&t&&(t.style.transition="all 0.25s cubic-bezier(0, 0, 0.2, 1) 0s",t.style.left="".concat(e.left,"px"),t.style.top="".concat(e.top,"px"),n=e.top+t.clientHeight,e=this.options.scroller?this.options.scroller.scrollTop:Math.max(document.documentElement.scrollTop,document.body.scrollTop),t=window.innerHeight+e,0<(t=Math.max(0,n-t))&&(t={top:e+t,behavior:"smooth"},this.options.scroller?this.options.scroller.scrollTo(t):(document.documentElement.scrollTo(t),document.body.scrollTo(t))))}},{key:"showLoading",value:function(){var t=document.getElementById("handian-loading");t&&(t.style.height="20px")}},{key:"hideLoading",value:function(){var t=document.getElementById("handian-loading");t&&(t.style.height="0")}}])&&l(t.prototype,e),o&&l(t,o),n}();return new t({onEnd:function(t,e,n){Array.isArray(dataLayer)&&dataLayer.push(Object.assign({event:"dianClick",selection_text:e}))}}),t});