test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-11-30 03:07:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix backToTop button

Browse Source
This commit is contained in:
Leopoldthecoder 2017-09-30 18:13:26 +08:00 committed by Black Wayne
parent 5d3ae60ade
commit 399161eacc
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
examples/components/header.vue
View File

@ -228,6 +228,10 @@
}
}
}
.nav-dropdown-list {
width: auto;
}
@media (max-width: 850px) {
.header {
@ -265,9 +269,7 @@
}
</style>
<template>
<div
class="headerWrapper"
:class="{ 'is-hidden': !visible && !isComponentPage }">
<div class="headerWrapper">
<header class="header"
ref="header"
:style="headerStyle"
@ -456,7 +458,7 @@
mounted() {
function scroll(fn) {
window.addEventListener('scroll', fn, false);
document.body.addEventListener('scroll', fn, false);
}
scroll(() => {
if (this.isHome) {

5
examples/pages/template/component.tpl
View File

@ -187,11 +187,10 @@
toTop() {
this.hover = false;
this.showBackToTop = false;
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
this.componentScrollBox.scrollTop = 0;
},
handleScroll() {
const scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
const scrollTop = this.componentScrollBox.scrollTop;
this.showBackToTop = scrollTop >= 0.5 * document.body.clientHeight;
if (this.showHeader !== this.scrollTop > scrollTop) {
this.showHeader = this.scrollTop > scrollTop;