2 files changed, 16 insertions, 6 deletions
diff --git a/src/content/actions/operation.js b/src/content/actions/operation.js
index 0d5088b..1302404 100644
--- a/src/content/actions/operation.js
+++ b/src/content/actions/operation.js
@@ -8,8 +8,10 @@ import * as consoleFrames from 'content/console-frames';
 
 const exec = (operation) => {
   switch (operation.type) {
-  case operations.SCROLL_LINES:
-    return scrolls.scrollLines(window, operation.count);
+  case operations.SCROLL_VERTICALLY:
+    return scrolls.scrollVertically(window, operation.count);
+  case operations.SCROLL_HORIZONALLY:
+    return scrolls.scrollHorizonally(window, operation.count);
   case operations.SCROLL_PAGES:
     return scrolls.scrollPages(window, operation.count);
   case operations.SCROLL_TOP:
diff --git a/src/content/scrolls.js b/src/content/scrolls.js
index b1cea6f..90bcc54 100644
--- a/src/content/scrolls.js
+++ b/src/content/scrolls.js
@@ -1,8 +1,15 @@
-const SCROLL_DELTA = 48;
+const SCROLL_DELTA_X = 48;
+const SCROLL_DELTA_Y = 48;
 
-const scrollLines = (page, count) => {
+const scrollVertically = (page, count) => {
   let x = page.scrollX;
-  let y = page.scrollY + SCROLL_DELTA * count;
+  let y = page.scrollY + SCROLL_DELTA_X * count;
+  page.scrollTo(x, y);
+};
+
+const scrollHorizonally = (page, count) => {
+  let x = page.scrollX + SCROLL_DELTA_Y * count;
+  let y = page.scrollY;
   page.scrollTo(x, y);
 };
 
@@ -38,5 +45,6 @@ const scrollRight = (page) => {
 };
 
 export {
-  scrollLines, scrollPages, scrollTop, scrollBottom, scrollLeft, scrollRight
+  scrollVertically, scrollHorizonally, scrollPages,
+  scrollTop, scrollBottom, scrollLeft, scrollRight
 };