github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

fix backToTop button

pull/7321/head
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) { @media (max-width: 850px) {
.header { .header {
@ -265,9 +269,7 @@
} }
</style> </style>
<template> <template>
<div <div class="headerWrapper">
class="headerWrapper"
:class="{ 'is-hidden': !visible && !isComponentPage }">
<header class="header" <header class="header"
ref="header" ref="header"
:style="headerStyle" :style="headerStyle"
@ -456,7 +458,7 @@
mounted() { mounted() {
function scroll(fn) { function scroll(fn) {
window.addEventListener('scroll', fn, false); document.body.addEventListener('scroll', fn, false);
} }
scroll(() => { scroll(() => {
if (this.isHome) { if (this.isHome) {

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

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