diff --git a/package.json b/package.json
index 20f3e17..6ac9570 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eruda",
-  "version": "0.5.3",
+  "version": "0.5.5",
   "description": "Console for Mobile Browsers",
   "main": "dist/eruda.js",
   "scripts": {
diff --git a/src/Elements/Highlight.es6 b/src/Elements/Highlight.es6
index b04f44f..71916bf 100644
--- a/src/Elements/Highlight.es6
+++ b/src/Elements/Highlight.es6
@@ -7,7 +7,6 @@ export default class Highlight
         require('./Highlight.scss');
 
         this._isShow = false;
-        this._top = 0;
 
         this._appendTpl($parent);
         this._bindEvent();
@@ -32,7 +31,6 @@ export default class Highlight
     {
         var {left, width, top, height} = this._$target.offset();
 
-        this._top = top;
         this._$el.css({left, top: top - window.scrollY, width, height});
 
         var computedStyle = getComputedStyle(this._target, '');
@@ -88,7 +86,7 @@ export default class Highlight
         window.addEventListener('scroll', () =>
         {
             if (!this._isShow) return;
-            this._$el.css('top', this._top - window.scrollY);
+            this.render();
         }, false);
     }
     _appendTpl($parent)
diff --git a/test/index.html b/test/index.html
index d4b84f4..0520da4 100644
--- a/test/index.html
+++ b/test/index.html
@@ -20,6 +20,7 @@
             This is a very long text!
             This is a very long text!
         </div>
+        <div class="fixed-footer">This is a footer!</div>
         <div>
             <img src="http://7xn2zy.com1.z0.glb.clouddn.com/blog_elf.jpg">
         </div>
diff --git a/test/style.css b/test/style.css
index b203f8c..1aa5351 100644
--- a/test/style.css
+++ b/test/style.css
@@ -8,4 +8,9 @@ html {
 }
 .border {
     border: 15px solid #fff;
+}
+.fixed-footer {
+    position: fixed;
+    left: 0;
+    bottom: 0;
 }
\ No newline at end of file