diff --git a/src/resources/pre_template.html b/src/resources/pre_template.html
index 83f9b24e..379b637a 100644
--- a/src/resources/pre_template.html
+++ b/src/resources/pre_template.html
@@ -12,17 +12,25 @@
   <script>hljs.initHighlightingOnLoad();</script>
 </head>
 <body>
+  <div id="placeholder"></div>
   <script>
   'use strict';
+  var placeholder = document.getElementById('placeholder');
   var content;
 
   var scrollToAnchor = function(anchor) {
       document.getElementById(anchor).scrollIntoView();
   };
 
+  var updateHtml = function(html) {
+      placeholder.innerHTML = html;
+  }
+
   new QWebChannel(qt.webChannelTransport,
     function(channel) {
       content = channel.objects.content;
+      updateHtml(content.html);
+      content.htmlChanged.connect(updateHtml);
       content.requestScrollToAnchor.connect(scrollToAnchor);
     }
   );
@@ -35,7 +43,7 @@
         return;
     }
     var curIdx = 0;
-    var biaScrollTop = scrollTop + 20;
+    var biaScrollTop = scrollTop + 50;
     for (var i = 0; i < eles.length; ++i) {
         if (biaScrollTop >= eles[i].offsetTop) {
             curIdx = i;
diff --git a/src/resources/template.html b/src/resources/template.html
index 3f2ed8cb..52030c65 100644
--- a/src/resources/template.html
+++ b/src/resources/template.html
@@ -166,7 +166,7 @@
         return;
     }
     var curIdx = 0;
-    var biaScrollTop = scrollTop + 20;
+    var biaScrollTop = scrollTop + 50;
     for (var i = 0; i < eles.length; ++i) {
         if (biaScrollTop >= eles[i].offsetTop) {
             curIdx = i;
diff --git a/src/vdocument.cpp b/src/vdocument.cpp
index 0cacc925..5fcb7346 100644
--- a/src/vdocument.cpp
+++ b/src/vdocument.cpp
@@ -52,3 +52,12 @@ void VDocument::setHeader(const QString &anchor)
     m_header = anchor;
     emit headerChanged(m_header);
 }
+
+void VDocument::setHtml(const QString &html)
+{
+    if (html == m_html) {
+        return;
+    }
+    m_html = html;
+    emit htmlChanged(m_html);
+}
diff --git a/src/vdocument.h b/src/vdocument.h
index d3f9558b..b2f7587c 100644
--- a/src/vdocument.h
+++ b/src/vdocument.h
@@ -9,6 +9,7 @@ class VDocument : public QObject
     Q_OBJECT
     Q_PROPERTY(QString text MEMBER m_text NOTIFY textChanged)
     Q_PROPERTY(QString toc MEMBER m_toc NOTIFY tocChanged)
+    Q_PROPERTY(QString html MEMBER m_html NOTIFY htmlChanged)
 
 public:
     explicit VDocument(QObject *parent = 0);
@@ -17,6 +18,7 @@ public:
     QString getText();
     QString getToc();
     void scrollToAnchor(const QString &anchor);
+    void setHtml(const QString &html);
 
 public slots:
     // Will be called in the HTML side
@@ -28,11 +30,13 @@ signals:
     void tocChanged(const QString &toc);
     void requestScrollToAnchor(const QString &anchor);
     void headerChanged(const QString &anchor);
+    void htmlChanged(const QString &html);
 
 private:
     QString m_text;
     QString m_toc;
     QString m_header;
+    QString m_html;
 };
 
 #endif // VDOCUMENT_H
diff --git a/src/vedittab.cpp b/src/vedittab.cpp
index 7723c356..38ba91d5 100644
--- a/src/vedittab.cpp
+++ b/src/vedittab.cpp
@@ -117,8 +117,7 @@ void VEditTab::previewByConverter()
     QRegularExpression tocExp("<p>\\[TOC\\]<\\/p>", QRegularExpression::CaseInsensitiveOption);
     QString toc = mdConverter.generateToc(content, vconfig.getMarkdownExtensions());
     html.replace(tocExp, toc);
-    QString completeHtml = VNote::preTemplateHtml + html + VNote::postTemplateHtml;
-    webPreviewer->setHtml(completeHtml, QUrl::fromLocalFile(noteFile->basePath + QDir::separator()));
+    document.setHtml(html);
     // Hoedown will add '\n' while Marked does not
     updateTocFromHtml(toc.replace("\n", ""));
 }
@@ -228,6 +227,9 @@ void VEditTab::setupMarkdownPreview()
     if (mdConverterType == MarkdownConverterType::Marked) {
         webPreviewer->setHtml(VNote::templateHtml,
                               QUrl::fromLocalFile(noteFile->basePath + QDir::separator()));
+    } else {
+        webPreviewer->setHtml(VNote::preTemplateHtml + VNote::postTemplateHtml,
+                              QUrl::fromLocalFile(noteFile->basePath + QDir::separator()));
     }
 
     addWidget(webPreviewer);
