diff --git a/src/resources/pre_template.html b/src/resources/pre_template.html
index f3a69794..83f9b24e 100644
--- a/src/resources/pre_template.html
+++ b/src/resources/pre_template.html
@@ -26,4 +26,27 @@
content.requestScrollToAnchor.connect(scrollToAnchor);
}
);
+
+ window.onscroll = function() {
+ var scrollTop = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset;
+ var eles = document.querySelectorAll("h1, h2, h3, h4, h5, h6");
+
+ if (eles.length == 0) {
+ return;
+ }
+ var curIdx = 0;
+ var biaScrollTop = scrollTop + 20;
+ for (var i = 0; i < eles.length; ++i) {
+ if (biaScrollTop >= eles[i].offsetTop) {
+ curIdx = i;
+ } else {
+ break;
+ }
+ }
+
+ var curHeader = eles[curIdx].getAttribute("id");
+ if (curHeader != null) {
+ content.setHeader(curHeader);
+ }
+ }
diff --git a/src/resources/template.html b/src/resources/template.html
index 942ed8a8..3f2ed8cb 100644
--- a/src/resources/template.html
+++ b/src/resources/template.html
@@ -157,6 +157,29 @@
content.requestScrollToAnchor.connect(scrollToAnchor);
}
);
+
+ window.onscroll = function() {
+ var scrollTop = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset;
+ var eles = document.querySelectorAll("h1, h2, h3, h4, h5, h6");
+
+ if (eles.length == 0) {
+ return;
+ }
+ var curIdx = 0;
+ var biaScrollTop = scrollTop + 20;
+ for (var i = 0; i < eles.length; ++i) {
+ if (biaScrollTop >= eles[i].offsetTop) {
+ curIdx = i;
+ } else {
+ break;
+ }
+ }
+
+ var curHeader = eles[curIdx].getAttribute("id");
+ if (curHeader != null) {
+ content.setHeader(curHeader);
+ }
+ }