修复article,rank页面下拉刷新的bug

gruad · Jan 31, 2016 · dcf9cc3 · dcf9cc3
1 parent 37bf4a7
commit dcf9cc3
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 3 deletions.
diff --git a/src/app.js b/src/app.js
@@ -9,7 +9,10 @@ import app from './main'
 Vue.use(VueRouter)
 
 const router = new VueRouter({
-  hashbang: true
+  hashbang: true,
+  history: false,
+  saveScrollPosition: true,
+  suppressTransitionError: true
 })
 
 routerConfig(router)

diff --git a/src/views/article.vue b/src/views/article.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="content article">
+<div class="article">
   <v-bar type="nav">
     <h1 class="title" v-text="title"></h1>
     <v-button types="nav link"
@@ -137,6 +137,15 @@ export default {
 </script>
 
 <style>
+.article {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
 .article-tabs .buttons-tab {
   z-index: 10;
   margin-top:2.2rem;

diff --git a/src/views/home/rank.vue b/src/views/home/rank.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="content rank">
+<div class="rank">
   <v-bar type="nav">
     <h1 class="title" v-text="title"></h1>
     <v-button types="nav link"
@@ -129,6 +129,15 @@ export default {
 </script>
 
 <style>
+.rank {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
 .rank .content-block-title {
   margin: .75rem .75rem .5rem;
 }