diff --git a/demo/demo.js b/demo/demo.js
index 2e09a43c..56c6b81e 100644
--- a/demo/demo.js
+++ b/demo/demo.js
@@ -268,6 +268,9 @@ exports.launch = function(env) {
 
     bindCheckbox("highlight_selected_word", function(checked) {
         env.editor.setHighlightSelectedWord(checked);
+
+    bindCheckbox("show_hscroll", function(checked) {
+        env.editor.renderer.setHScrollBarAlwaysVisible(checked);
     });
 
     function bindCheckbox(id, callback) {
diff --git a/index.html b/index.html
index 7d0557ce..ede48739 100644
--- a/index.html
+++ b/index.html
@@ -62,6 +62,10 @@
         <label for="show_hidden">Show Invisibles</label>
         <input type="checkbox" name="show_hidden" id="show_hidden">
       </td>
+      <td align="right">
+        <label for="show_hscroll">Persistent HScroll</label>
+        <input type="checkbox" name="show_hscroll" id="show_hscroll">
+      </td>
       <td align="right" rowspan="2">
         <img src="demo/logo.png">
       </td>