refactor(core): add render

src/core/event/index.js

@@ -1,11 +1,19 @@
-export function eventMixin (Docsify) {
-  Docsify.prototype.$bindEvents = function () {
-  }
+import { isMobile } from '../util/env'
+import { dom, on } from '../util/dom'
+import * as sidebar from './sidebar'
 
+export function eventMixin (Docsify) {
   Docsify.prototype.$resetEvents = function () {
   }
 }
 
 export function initEvent (vm) {
-  vm.$bindEvents()
+  // Bind toggle button
+  sidebar.btn('button.sidebar-toggle')
+  // Bind sticky effect
+  if (vm.config.coverpage) {
+    !isMobile && on('scroll', sidebar.sticky)
+  } else {
+    dom.body.classList.add('sticky')
+  }
 }

src/core/event/scroll.js

@@ -0,0 +1,10 @@
+export function activeSidebar () {
+
+}
+
+export function scrollIntoView () {
+
+}
+
+export function scroll2Top () {
+}

src/core/event/sidebar.js

@@ -0,0 +1,28 @@
+import { isMobile } from '../util/env'
+import { getNode, on, dom } from '../util/dom'
+/**
+ * Toggle button
+ */
+export function btn (el) {
+  const toggle = () => dom.body.classList.toggle('close')
+
+  el = getNode(el)
+  on(el, 'click', toggle)
+
+  if (isMobile) {
+    const sidebar = getNode('.sidebar')
+
+    on(sidebar, 'click', () => {
+      toggle()
+      setTimeout(() => activeLink(sidebar, true), 0)
+    })
+  }
+}
+
+export function sticky () {
+
+}
+
+export function activeLink () {
+
+}