diff --git a/js/views/reflowable_view.js b/js/views/reflowable_view.js
index 929dbdf6c..1313fa78a 100644
--- a/js/views/reflowable_view.js
+++ b/js/views/reflowable_view.js
@@ -504,7 +504,7 @@ var ReflowableView = function(options, reader){
 
     function onPaginationChanged_(initiator, paginationRequest_spineItem, paginationRequest_elementId) {
 
-        _paginationInfo.pageOffset = (_paginationInfo.columnWidth + _paginationInfo.columnGap) * _paginationInfo.visibleColumnCount * _paginationInfo.currentSpreadIndex;
+        _paginationInfo.pageOffset = _paginationInfo.pageOffsetSize * _paginationInfo.currentSpreadIndex;
         
         redraw();
 
@@ -693,7 +693,7 @@ var ReflowableView = function(options, reader){
         _$htmlBody.css('padding', 0);
 
         _paginationInfo.rightToLeft = _spine.isRightToLeft();
-
+        _paginationInfo.pageOffsetSize = _htmlBodyIsVerticalWritingMode ? _lastViewPortSize.height : (_lastViewPortSize.width + _paginationInfo.columnGap);
         _paginationInfo.columnWidth = Math.round(((_htmlBodyIsVerticalWritingMode ? _lastViewPortSize.height : _lastViewPortSize.width) - _paginationInfo.columnGap * (_paginationInfo.visibleColumnCount - 1)) / _paginationInfo.visibleColumnCount);
 
         var useColumnCountNotWidth = _paginationInfo.visibleColumnCount > 1; // column-count == 1 does not work in Chrome, and is not needed anyway (HTML width is full viewport width, no Firefox video flickering)