-> v1.1.2

CHANGELOG.md

@@ -1,3 +1,12 @@
+## 1.1.2
+### Bug fixes
+- fix failed `auto2top` in mobile
+
+
+## 1.1.1
+### Bug fixes
+- Optimize progress bar
+
 ## 1.1.0
 ## Features
 - Add progress bar

lib/docsify.js

@@ -105,12 +105,16 @@ function getRoute () {
   return route
 }
 
+function isMobile () {
+  return /mobile/i.test(navigator.userAgent)
+}
+
 /**
  * Active sidebar when scroll
  * @link https://buble.surge.sh/
  */
 function scrollActiveSidebar () {
-  if (/mobile/i.test(navigator.userAgent)) { return }
+  if (isMobile()) { return }
 
   var anchors = document.querySelectorAll('.anchor');
   var nav = {};
@@ -198,8 +202,11 @@ function bindToggle (dom) {
 }
 
 var cacheContentDOM;
-function scroll2Top (dom) {
-  cacheContentDOM = cacheContentDOM || document.querySelector(dom);
+function scroll2Top () {
+  if (!cacheContentDOM) {
+    var dom = isMobile() ? 'body' : 'section.content';
+    cacheContentDOM = document.querySelector(dom);
+  }
   cacheContentDOM.scrollTop = 0;
 }
 
@@ -2412,7 +2419,7 @@ function renderArticle (content) {
   renderSidebar.rendered = false;
   renderNavbar.rendered = false;
 
-  if (OPTIONS$1.auto2top) { scroll2Top('section.content'); }
+  if (OPTIONS$1.auto2top) { scroll2Top(); }
 }
 
 /**
@@ -2467,7 +2474,18 @@ function renderLoading (ref) {
     document.body.appendChild(div);
     CACHE['loading'] = div;
   }
-  CACHE['loading'].style.width = num >= 95 ? '0%' : num + '%';
+
+  if (num >= 95) {
+    clearTimeout(renderLoading.cacheTImeout);
+    CACHE['loading'].style.width = '100%';
+    renderLoading.cacheTImeout = setTimeout(function (_) {
+      CACHE['loading'].style.opacity = 0;
+      CACHE['loading'].style.width = '0%';
+    }, 200);
+  } else {
+    CACHE['loading'].style.opacity = 1;
+    CACHE['loading'].style.width = num + '%';
+  }
 }
 
 /**

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docsify",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "A magical documentation generator.",
   "main": "lib/docsify.js",
   "files": [

src/event.js

@@ -1,10 +1,11 @@
+import { isMobile } from './util'
 
 /**
  * Active sidebar when scroll
  * @link https://buble.surge.sh/
  */
 export function scrollActiveSidebar () {
-  if (/mobile/i.test(navigator.userAgent)) return
+  if (isMobile()) return
 
   const anchors = document.querySelectorAll('.anchor')
   const nav = {}
@@ -92,7 +93,10 @@ export function bindToggle (dom) {
 }
 
 let cacheContentDOM
-export function scroll2Top (dom) {
-  cacheContentDOM = cacheContentDOM || document.querySelector(dom)
+export function scroll2Top () {
+  if (!cacheContentDOM) {
+    const dom = isMobile() ? 'body' : 'section.content'
+    cacheContentDOM = document.querySelector(dom)
+  }
   cacheContentDOM.scrollTop = 0
 }

src/render.js

@@ -70,7 +70,7 @@ export function renderArticle (content) {
   renderSidebar.rendered = false
   renderNavbar.rendered = false
 
-  if (OPTIONS.auto2top) scroll2Top('section.content')
+  if (OPTIONS.auto2top) scroll2Top()
 }
 
 /**
@@ -122,7 +122,18 @@ export function renderLoading ({ loaded, total }) {
     document.body.appendChild(div)
     CACHE['loading'] = div
   }
-  CACHE['loading'].style.width = num >= 95 ? '0%' : num + '%'
+
+  if (num >= 95) {
+    clearTimeout(renderLoading.cacheTImeout)
+    CACHE['loading'].style.width = '100%'
+    renderLoading.cacheTImeout = setTimeout(_ => {
+      CACHE['loading'].style.opacity = 0
+      CACHE['loading'].style.width = '0%'
+    }, 200)
+  } else {
+    CACHE['loading'].style.opacity = 1
+    CACHE['loading'].style.width = num + '%'
+  }
 }
 
 /**

src/util.js

@@ -95,3 +95,8 @@ export function getRoute () {
 
   return route
 }
+
+export function isMobile () {
+  return /mobile/i.test(navigator.userAgent)
+}
+