diff --git a/examples/docs/en-US/installation.md b/examples/docs/en-US/installation.md
index 9ea096d60cd..0a9ad67b01c 100644
--- a/examples/docs/en-US/installation.md
+++ b/examples/docs/en-US/installation.md
@@ -25,11 +25,11 @@ We recommend our users to lock Element's version when using CDN. Please refer to
### Hello world
-If you are using CDN, a hello-world page is easy with Element. [Online Demo](https://codepen.io/ziyoung/pen/rRKYpd)
+If you are using CDN, a hello-world page is easy with Element. [Online Demo](https://codepen.io/bofeng/pen/poaEmJY)
-
If you are using npm and wish to apply webpack, please continue to the next page: [Quick Start](/#/en-US/component/quickstart).
diff --git a/examples/docs/es/installation.md b/examples/docs/es/installation.md
index 1a252aa62c6..bee46f46a0f 100644
--- a/examples/docs/es/installation.md
+++ b/examples/docs/es/installation.md
@@ -24,11 +24,11 @@ Recomendamos a nuestros usuarios congelar la versión de Element cuando usas un
### Hello world
-Si esta usando un CDN, una página con Hello-World es fácil con Element. [Online Demo](https://codepen.io/ziyoung/pen/rRKYpd)
+Si esta usando un CDN, una página con Hello-World es fácil con Element. [Online Demo](https://codepen.io/bofeng/pen/poaEmJY)
-
Si esta usando npm y desea combinarlo con webpack, por favor continué a la siguiente página: [Quick Start](/#/es/component/quickstart)
diff --git a/examples/docs/fr-FR/installation.md b/examples/docs/fr-FR/installation.md
index fd39b3cc98c..0581308ca2c 100644
--- a/examples/docs/fr-FR/installation.md
+++ b/examples/docs/fr-FR/installation.md
@@ -25,11 +25,11 @@ Il est recommandé de fixer la version d'Element lors de l'utilisation du CDN. R
### Hello world
-Si vous utilisez un CDN, une page hello-world peut être obtenue facilement avec Element ([démo en ligne](https://codepen.io/ziyoung/pen/rRKYpd)).
+Si vous utilisez un CDN, une page hello-world peut être obtenue facilement avec Element ([démo en ligne](https://codepen.io/bofeng/pen/poaEmJY)).
-
Si vous utilisez npm et souhaitez ajouter webpack, continuez sur la page suivante: [Démarrer](/#/fr-FR/component/quickstart).
diff --git a/examples/docs/zh-CN/installation.md b/examples/docs/zh-CN/installation.md
index 62ccdff21df..7665033d953 100644
--- a/examples/docs/zh-CN/installation.md
+++ b/examples/docs/zh-CN/installation.md
@@ -25,11 +25,11 @@ npm i element-ui -S
### Hello world
-通过 CDN 的方式我们可以很容易地使用 Element 写出一个 Hello world 页面。[在线演示](https://codepen.io/ziyoung/pen/rRKYpd)
+通过 CDN 的方式我们可以很容易地使用 Element 写出一个 Hello world 页面。[在线演示](https://codepen.io/bofeng/pen/poaEmJY)
-
如果是通过 npm 安装，并希望配合 webpack 使用，请阅读下一节：[快速上手](/#/zh-CN/component/quickstart)。
diff --git a/packages/table/src/table.vue b/packages/table/src/table.vue
index e0061e6282e..2fa3c93adda 100644
--- a/packages/table/src/table.vue
+++ b/packages/table/src/table.vue
@@ -412,7 +412,7 @@
},
// TODO 使用 CSS transform
- syncPostion: throttle(20, function() {
+ syncPostion() {
const { scrollLeft, scrollTop, offsetWidth, scrollWidth } = this.bodyWrapper;
const { headerWrapper, footerWrapper, fixedBodyWrapper, rightFixedBodyWrapper } = this.$refs;
if (headerWrapper) headerWrapper.scrollLeft = scrollLeft;
@@ -427,17 +427,30 @@
} else {
this.scrollPosition = 'middle';
}
+ },
+
+ throttleSyncPostion: throttle(16, function() {
+ this.syncPostion();
}),
+ onScroll(evt) {
+ let raf = window.requestAnimationFrame;
+ if (!raf) {
+ this.throttleSyncPostion();
+ } else {
+ raf(this.syncPostion);
+ }
+ },
+
bindEvents() {
- this.bodyWrapper.addEventListener('scroll', this.syncPostion, { passive: true });
+ this.bodyWrapper.addEventListener('scroll', this.onScroll, { passive: true });
if (this.fit) {
addResizeListener(this.$el, this.resizeListener);
}
},
unbindEvents() {
- this.bodyWrapper.removeEventListener('scroll', this.syncPostion, { passive: true });
+ this.bodyWrapper.removeEventListener('scroll', this.onScroll, { passive: true });
if (this.fit) {
removeResizeListener(this.$el, this.resizeListener);
}