-> v1.1.3

bump 1.1.3
Optimize progress bar again
2026-08-09 13:26:34 +10:00 · 2016-12-17 15:38:59 +08:00 · 2016-12-17 15:38:00 +08:00 · 2016-12-17 15:37:32 +08:00 · 2016-12-17 15:25:03 +08:00 · 2016-12-17 15:18:04 +08:00
8 changed files with 80 additions and 27 deletions
@@ -1,3 +1,16 @@
+## 1.1.3
+### Bug fixes
+- Optimize progress bar again
+
+## 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
@@ -25,7 +25,9 @@ Create a `404.html` and `README.md` into `/docs`.
  <meta charset="UTF-8">
  <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
 </head>
-<body></body>
+<body>
+  <div id="app"></div>
+</body>
 <script src="//unpkg.com/docsify"></script>
 </html>
 ```
@@ -41,7 +43,9 @@ index.html
  <meta charset="UTF-8">
  <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
 </head>
-<body></body>
+<body>
+  <div id="app"></div>
+</body>
 <script src="//unpkg.com/docsify" data-router></script>
 </html>
 ```
@@ -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,15 +2419,15 @@ function renderArticle (content) {
  renderSidebar.rendered = false;
  renderNavbar.rendered = false;

-  if (OPTIONS$1.auto2top) { scroll2Top('section.content'); }
+  if (OPTIONS$1.auto2top) { scroll2Top(); }
 }

 /**
 * navbar
 */
 function renderNavbar (content) {
-  if (CACHE['navbar'] && CACHE['navbar'] === content) { return }
-  CACHE['navbar'] = content;
+  if (CACHE.navbar && CACHE.navbar === content) { return }
+  CACHE.navbar = content;
  renderNavbar.rendered = true;

  if (content) { renderTo('nav', marked(content)); }
@@ -2443,8 +2450,8 @@ function renderSidebar (content) {
  }

  renderSidebar.rendered = true;
-  if (CACHE['sidebar'] && CACHE['sidebar'] === content) { return }
-  CACHE['sidebar'] = content;
+  if (CACHE.sidebar && CACHE.sidebar === content) { return }
+  CACHE.sidebar = content;
  renderTo('aside.sidebar', content);
  if (isToc) { scrollActiveSidebar(); }
  toc = [];
@@ -2460,14 +2467,24 @@ function renderLoading (ref) {

  var num = Math.floor(loaded / total * 100);

-  if (!CACHE['loading']) {
+  if (!CACHE.loading) {
    var div = document.createElement('div');

    div.classList.add('progress');
    document.body.appendChild(div);
-    CACHE['loading'] = div;
+    CACHE.loading = div;
+  }
+
+  CACHE.loading.style.opacity = 1;
+  CACHE.loading.style.width = num >= 95 ? '100%' : num + '%';
+
+  if (num >= 95) {
+    clearTimeout(renderLoading.cacheTImeout);
+    renderLoading.cacheTImeout = setTimeout(function (_) {
+      CACHE.loading.style.opacity = 0;
+      CACHE.loading.style.width = '0%';
+    }, 200);
  }
-  CACHE['loading'].style.width = num >= 95 ? '0%' : num + '%';
 }

 /**
@@ -1,6 +1,6 @@
 {
  "name": "docsify",
-  "version": "1.1.0",
+  "version": "1.1.3",
  "description": "A magical documentation generator.",
  "main": "lib/docsify.js",
  "files": [
@@ -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
 }
@@ -70,15 +70,15 @@ export function renderArticle (content) {
  renderSidebar.rendered = false
  renderNavbar.rendered = false

-  if (OPTIONS.auto2top) scroll2Top('section.content')
+  if (OPTIONS.auto2top) scroll2Top()
 }

 /**
 * navbar
 */
 export function renderNavbar (content) {
-  if (CACHE['navbar'] && CACHE['navbar'] === content) return
-  CACHE['navbar'] = content
+  if (CACHE.navbar && CACHE.navbar === content) return
+  CACHE.navbar = content
  renderNavbar.rendered = true

  if (content) renderTo('nav', marked(content))
@@ -101,8 +101,8 @@ export function renderSidebar (content) {
  }

  renderSidebar.rendered = true
-  if (CACHE['sidebar'] && CACHE['sidebar'] === content) return
-  CACHE['sidebar'] = content
+  if (CACHE.sidebar && CACHE.sidebar === content) return
+  CACHE.sidebar = content
  renderTo('aside.sidebar', content)
  if (isToc) scrollActiveSidebar()
  toc = []
@@ -115,14 +115,24 @@ export function renderSidebar (content) {
 export function renderLoading ({ loaded, total }) {
  const num = Math.floor(loaded / total * 100)

-  if (!CACHE['loading']) {
+  if (!CACHE.loading) {
    const div = document.createElement('div')

    div.classList.add('progress')
    document.body.appendChild(div)
-    CACHE['loading'] = div
+    CACHE.loading = div
+  }
+
+  CACHE.loading.style.opacity = 1
+  CACHE.loading.style.width = num >= 95 ? '100%' : num + '%'
+
+  if (num >= 95) {
+    clearTimeout(renderLoading.cacheTImeout)
+    renderLoading.cacheTImeout = setTimeout(_ => {
+      CACHE.loading.style.opacity = 0
+      CACHE.loading.style.width = '0%'
+    }, 200)
  }
-  CACHE['loading'].style.width = num >= 95 ? '0%' : num + '%'
 }

 /**
@@ -95,3 +95,8 @@ export function getRoute () {

  return route
 }
+
+export function isMobile () {
+  return /mobile/i.test(navigator.userAgent)
+}
+
Author	SHA1	Message	Date
qingwei.li	9d30ac7435	-> v1.1.3	2016-12-17 15:38:59 +08:00
qingwei.li	f8a68b87c7	bump 1.1.3	2016-12-17 15:38:00 +08:00
qingwei.li	7dc47cc4d4	Optimize progress bar again	2016-12-17 15:37:32 +08:00
qingwei.li	7d995d8362	Update readme	2016-12-17 15:25:03 +08:00
qingwei.li	1fdfaf0b6b	-> v1.1.2	2016-12-17 15:18:04 +08:00
qingwei.li	fe33e2d506	bump 1.1.2	2016-12-17 15:17:20 +08:00
qingwei.li	6463dd3bae	Optimize progress bar again	2016-12-17 15:14:52 +08:00
qingwei.li	299c31dff9	Fix auto2top in mobile	2016-12-17 15:08:44 +08:00
qingwei.li	aa1d84b513	1.1.1	2016-12-17 09:07:15 +08:00
qingwei.li	14a4c2f77d	bump 1.1.1	2016-12-17 09:01:41 +08:00
qingwei.li	e58c17fdc6	Optimize progress bar	2016-12-17 09:01:21 +08:00