diff --git a/examples/continuous-scrolled.html b/examples/continuous-scrolled.html
index 42333ba5d..3d8a63ce1 100644
--- a/examples/continuous-scrolled.html
+++ b/examples/continuous-scrolled.html
@@ -37,16 +37,19 @@
   <div id="viewer"></div>
 
   <script>
-    var currentSectionIndex = 8;
+    var params = URLSearchParams && new URLSearchParams(document.location.search.substring(1));
+    var url = params && params.get("url") && decodeURIComponent(params.get("url"));
+    var currentSectionIndex = (params && params.get("loc")) ? params.get("loc") : undefined;
+
     // Load the opf
-    var book = ePub("https://s3.amazonaws.com/epubjs/books/moby-dick/OPS/package.opf");
+    var book = ePub(url || "https://s3.amazonaws.com/epubjs/books/moby-dick/OPS/package.opf");
     var rendition = book.renderTo("viewer", {
         manager: "continuous",
         flow: "scrolled",
         width: "100%",
         height: "100%"
       });
-    var displayed = rendition.display("epubcfi(/6/14[xchapter_001]!4/2/24/2[c001p0011]/1:799)");
+    var displayed = rendition.display(currentSectionIndex);
 
 
     displayed.then(function(renderer){
diff --git a/examples/examples.css b/examples/examples.css
index 3d709625a..a25907226 100644
--- a/examples/examples.css
+++ b/examples/examples.css
@@ -248,6 +248,7 @@ body {
   -webkit-transform: translate(-400px, 0);
   -moz-transform: translate(-400px, 0);
   -ms-transform: translate(-400px, 0);
+  transform: translate(-400px, 0);
 }
 
 svg {
diff --git a/examples/scrolled.html b/examples/scrolled.html
index 5f044c0da..bbc092312 100644
--- a/examples/scrolled.html
+++ b/examples/scrolled.html
@@ -16,15 +16,19 @@
   <a id="next" href="#next" class="navlink">...</a>
 
   <script>
-    var currentSectionIndex = 8;
     // Load the opf
-    var book = ePub("https://s3.amazonaws.com/epubjs/books/alice/OPS/package.opf");
+    var params = URLSearchParams && new URLSearchParams(document.location.search.substring(1));
+    var url = params && params.get("url") && decodeURIComponent(params.get("url"));
+    var currentSectionIndex = (params && params.get("loc")) ? params.get("loc") : undefined;
+
+    var book = ePub(url || "https://s3.amazonaws.com/epubjs/books/alice/OPS/package.opf");
     var rendition = book.renderTo("viewer", {
       flow: "scrolled-doc",
-      width: "100%"
+      width: "100%",
+      fullsize: true
     });
 
-    rendition.display("chapter_008.xhtml");
+    rendition.display(currentSectionIndex);
 
 
     var next = document.getElementById("next");
diff --git a/src/layout.js b/src/layout.js
index dfffbdced..4f16a0f1d 100644
--- a/src/layout.js
+++ b/src/layout.js
@@ -189,15 +189,17 @@ class Layout {
 	 * @param  {Contents} contents
 	 * @return {Promise}
 	 */
-	format(contents, section){
+	format(contents, section, axis){
 		var formating;
 
 		if (this.name === "pre-paginated") {
 			formating = contents.fit(this.columnWidth, this.height, section);
 		} else if (this._flow === "paginated") {
 			formating = contents.columns(this.width, this.height, this.columnWidth, this.gap, this.settings.direction);
-		} else { // scrolled
-			formating = contents.size(this.width, null);
+		} else if (axis && axis === "horizontal") {
+			formating = contents.size(null, this.height);
+		} else {
+			formating = contents.size(this.width, null);				
 		}
 
 		return formating; // might be a promise in some View Managers
diff --git a/src/managers/continuous/index.js b/src/managers/continuous/index.js
index 138a1d5f8..e6a9e619b 100644
--- a/src/managers/continuous/index.js
+++ b/src/managers/continuous/index.js
@@ -14,6 +14,7 @@ class ContinuousViewManager extends DefaultViewManager {
 			infinite: true,
 			overflow: undefined,
 			axis: undefined,
+			writingMode: undefined,
 			flow: "scrolled",
 			offset: 500,
 			offsetDelta: 250,
@@ -115,6 +116,10 @@ class ContinuousViewManager extends DefaultViewManager {
 			this.updateAxis(axis);
 		});
 
+		view.on(EVENTS.VIEWS.WRITING_MODE, (mode) => {
+			this.updateWritingMode(mode);
+		});
+
 		// view.on(EVENTS.VIEWS.SHOWN, this.afterDisplayed.bind(this));
 		view.onDisplayed = this.afterDisplayed.bind(this);
 		view.onResize = this.afterResized.bind(this);
@@ -133,6 +138,10 @@ class ContinuousViewManager extends DefaultViewManager {
 			this.updateAxis(axis);
 		});
 
+		view.on(EVENTS.VIEWS.WRITING_MODE, (mode) => {
+			this.updateWritingMode(mode);
+		});
+
 		this.views.append(view);
 
 		view.onDisplayed = this.afterDisplayed.bind(this);
@@ -152,6 +161,10 @@ class ContinuousViewManager extends DefaultViewManager {
 			this.updateAxis(axis);
 		});
 
+		view.on(EVENTS.VIEWS.WRITING_MODE, (mode) => {
+			this.updateWritingMode(mode);
+		});
+
 		this.views.prepend(view);
 
 		view.onDisplayed = this.afterDisplayed.bind(this);
@@ -165,7 +178,6 @@ class ContinuousViewManager extends DefaultViewManager {
 		} else {
 			this.scrollBy(bounds.widthDelta, 0, true);
 		}
-
 	}
 
 	update(_offset){
@@ -185,7 +197,7 @@ class ContinuousViewManager extends DefaultViewManager {
 			isVisible = this.isVisible(view, offset, offset, container);
 
 			if(isVisible === true) {
-				// console.log("visible " + view.index);
+				// console.log("visible " + view.index, view.displayed);
 
 				if (!view.displayed) {
 					let displayed = view.display(this.request)
@@ -201,7 +213,7 @@ class ContinuousViewManager extends DefaultViewManager {
 				visible.push(view);
 			} else {
 				this.q.enqueue(view.destroy.bind(view));
-				// console.log("hidden " + view.index);
+				// console.log("hidden " + view.index, view.displayed);
 
 				clearTimeout(this.trimTimeout);
 				this.trimTimeout = setTimeout(function(){
@@ -240,12 +252,29 @@ class ContinuousViewManager extends DefaultViewManager {
 
 		var bounds = this._bounds; // bounds saved this until resize
 
+		let offset = horizontal ? this.scrollLeft : this.scrollTop;
+		let visibleLength = horizontal ? Math.floor(bounds.width) : bounds.height;
+		let contentLength = horizontal ? this.container.scrollWidth : this.container.scrollHeight;
+		let writingMode = (this.writingMode && this.writingMode.indexOf("vertical") === 0) ? "vertical" : "horizontal";
+		let rtlScrollType = this.settings.rtlScrollType;
 		let rtl = this.settings.direction === "rtl";
-		let dir = horizontal && rtl ? -1 : 1; //RTL reverses scrollTop
 
-		var offset = horizontal ? this.scrollLeft : this.scrollTop * dir;
-		var visibleLength = horizontal ? Math.floor(bounds.width) : bounds.height;
-		var contentLength = horizontal ? this.container.scrollWidth : this.container.scrollHeight;
+		if (!this.settings.fullsize) {
+			// Scroll offset starts at width of element
+			if (rtl && rtlScrollType === "default" && writingMode === "horizontal") {
+				offset = contentLength - visibleLength - offset;
+			}
+			// Scroll offset starts at 0 and goes negative
+			if (rtl && rtlScrollType === "negative" && writingMode === "horizontal") {
+				offset = offset * -1;
+			}
+		} else {
+			// Scroll offset starts at 0 and goes negative
+			if ((horizontal && rtl && rtlScrollType === "negative") ||
+				(!horizontal && rtl && rtlScrollType === "default")) {
+				offset = offset * -1;
+			}
+		}
 
 		let prepend = () => {
 			let first = this.views.first();
@@ -265,36 +294,18 @@ class ContinuousViewManager extends DefaultViewManager {
 			}
 
 		};
-		//Horizontal negative scrolling
-		if (horizontal  && rtl && this.settings.rtlScrollType === "negative") {
 
-			if (offset - delta <= (-1 * contentLength)) {
-					append();
-			}
-
-			if (offset  + delta > 0) {
-					prepend();
-			}
+		let end = offset + visibleLength + delta;
+		let start = offset - delta;
 
+		if (end >= contentLength) {
+			append();
 		}
-		//default scrolling
-		else {
-			if (offset + visibleLength + delta >= contentLength) {
-				if (horizontal && rtl) {
-					prepend();
-				} else {
-					append();
-				}
-			}
-
-			if (offset - delta < 0) {
-				if (horizontal && rtl) {
-					append();
-				} else {
-					prepend();
-				}
-			}
+		
+		if (start < 0) {
+			prepend();
 		}
+		
 
 		let promises = newViews.map((view) => {
 			return view.display(this.request);
@@ -362,16 +373,15 @@ class ContinuousViewManager extends DefaultViewManager {
 		var bounds = view.bounds();
 
 		this.views.remove(view);
-
+		
 		if(above) {
-			if(this.settings.axis === "vertical") {
+			if (this.settings.axis === "vertical") {
 				this.scrollTo(0, prevTop - bounds.height, true);
 			} else {
 				if(this.settings.direction === 'rtl') {
-					if (this.settings.rtlScrollType === "default") {
-						this.scrollTo(prevLeft, 0, true);
-					}
-					else {
+					if (!this.settings.fullsize) {
+						this.scrollTo(prevLeft, 0, true);					
+					} else {
 						this.scrollTo(prevLeft + Math.floor(bounds.width), 0, true);
 					}
 				} else {
@@ -402,13 +412,7 @@ class ContinuousViewManager extends DefaultViewManager {
 
 		this.tick = requestAnimationFrame;
 
-		if(!this.settings.fullsize) {
-			this.prevScrollTop = this.container.scrollTop;
-			this.prevScrollLeft = this.container.scrollLeft;
-		} else {
-			this.prevScrollTop = window.scrollY;
-			this.prevScrollLeft = window.scrollX;
-		}
+		let dir = this.settings.direction === "rtl" && this.settings.rtlScrollType === "default" ? -1 : 1;
 
 		this.scrollDeltaVert = 0;
 		this.scrollDeltaHorz = 0;
@@ -419,8 +423,8 @@ class ContinuousViewManager extends DefaultViewManager {
 			this.scrollLeft = this.container.scrollLeft;
 		} else {
 			scroller = window;
-			this.scrollTop = window.scrollY;
-			this.scrollLeft = window.scrollX;
+			this.scrollTop = window.scrollY * dir;
+			this.scrollLeft = window.scrollX * dir;
 		}
 
 		this._onScroll = this.onScroll.bind(this);
@@ -448,7 +452,7 @@ class ContinuousViewManager extends DefaultViewManager {
 	onScroll(){
 		let scrollTop;
 		let scrollLeft;
-		let dir = this.settings.direction === "rtl" ? -1 : 1;
+		let dir = this.settings.direction === "rtl" && this.settings.rtlScrollType === "default" ? -1 : 1;
 
 		if(!this.settings.fullsize) {
 			scrollTop = this.container.scrollTop;
@@ -490,7 +494,7 @@ class ContinuousViewManager extends DefaultViewManager {
 	scrolled() {
 
 		this.q.enqueue(function() {
-			this.check();
+			return this.check();
 		}.bind(this));
 
 		this.emit(EVENTS.MANAGERS.SCROLL, {
@@ -516,7 +520,6 @@ class ContinuousViewManager extends DefaultViewManager {
 
 	next(){
 
-		let dir = this.settings.direction;
 		let delta = this.layout.props.name === "pre-paginated" &&
 								this.layout.props.spread ? this.layout.props.delta * 2 : this.layout.props.delta;
 
@@ -533,13 +536,12 @@ class ContinuousViewManager extends DefaultViewManager {
 		}
 
 		this.q.enqueue(function() {
-			this.check();
+			return this.check();
 		}.bind(this));
 	}
 
 	prev(){
 
-		let dir = this.settings.direction;
 		let delta = this.layout.props.name === "pre-paginated" &&
 								this.layout.props.spread ? this.layout.props.delta * 2 : this.layout.props.delta;
 
@@ -556,21 +558,10 @@ class ContinuousViewManager extends DefaultViewManager {
 		}
 
 		this.q.enqueue(function() {
-			this.check();
+			return this.check();
 		}.bind(this));
 	}
 
-	// updateAxis(axis, forceUpdate){
-	//
-	// 	super.updateAxis(axis, forceUpdate);
-	//
-	// 	if (axis === "vertical") {
-	// 		this.settings.infinite = true;
-	// 	} else {
-	// 		this.settings.infinite = false;
-	// 	}
-	// }
-
 	updateFlow(flow){
 		if (this.rendered && this.snapper) {
 			this.snapper.destroy();
diff --git a/src/managers/default/index.js b/src/managers/default/index.js
index 7bcf00d3c..1944889ad 100644
--- a/src/managers/default/index.js
+++ b/src/managers/default/index.js
@@ -23,6 +23,7 @@ class DefaultViewManager {
 			width: undefined,
 			height: undefined,
 			axis: undefined,
+			writingMode: undefined,
 			flow: "scrolled",
 			ignoreClass: "",
 			fullsize: undefined
@@ -359,6 +360,10 @@ class DefaultViewManager {
 			this.updateAxis(axis);
 		});
 
+		view.on(EVENTS.VIEWS.WRITING_MODE, (mode) => {
+			this.updateWritingMode(mode);
+		});
+
 		return view.display(this.request);
 	}
 
@@ -373,6 +378,10 @@ class DefaultViewManager {
 			this.updateAxis(axis);
 		});
 
+		view.on(EVENTS.VIEWS.WRITING_MODE, (mode) => {
+			this.updateWritingMode(mode);
+		});
+
 		return view.display(this.request);
 	}
 
@@ -392,6 +401,10 @@ class DefaultViewManager {
 			this.updateAxis(axis);
 		});
 
+		view.on(EVENTS.VIEWS.WRITING_MODE, (mode) => {
+			this.updateWritingMode(mode);
+		});
+
 		return view.display(this.request);
 	}
 
@@ -486,6 +499,15 @@ class DefaultViewManager {
 					return err;
 				})
 				.then(function(){
+
+					// Reset position to start for scrolled-doc vertical-rl in default mode
+					if (!this.isPaginated &&
+						this.settings.axis === "horizontal" &&
+						this.settings.direction === "rtl" &&
+						this.settings.rtlScrollType === "default") {
+						
+						this.scrollTo(this.container.scrollWidth, 0, true);
+					}
 					this.views.show();
 				}.bind(this));
 		}
@@ -612,11 +634,10 @@ class DefaultViewManager {
 	}
 
 	currentLocation(){
-
-		if (this.settings.axis === "vertical") {
-			this.location = this.scrolledLocation();
-		} else {
+		if (this.isPaginated && this.settings.axis === "horizontal") {
 			this.location = this.paginatedLocation();
+		} else {
+			this.location = this.scrolledLocation();
 		}
 		return this.location;
 	}
@@ -625,31 +646,50 @@ class DefaultViewManager {
 		let visible = this.visible();
 		let container = this.container.getBoundingClientRect();
 		let pageHeight = (container.height < window.innerHeight) ? container.height : window.innerHeight;
-
+		let pageWidth = (container.width < window.innerWidth) ? container.width : window.innerWidth;
+		let vertical = (this.settings.axis === "vertical");
+		let rtl =  (this.settings.direction === "rtl"); 
+			
 		let offset = 0;
 		let used = 0;
 
 		if(this.settings.fullsize) {
-			offset = window.scrollY;
+			offset = vertical ? window.scrollY : window.scrollX;
 		}
 
 		let sections = visible.map((view) => {
 			let {index, href} = view.section;
 			let position = view.position();
+			let width = view.width();
 			let height = view.height();
 
-			let startPos = offset + container.top - position.top + used;
-			let endPos = startPos + pageHeight - used;
-			if (endPos > height) {
-				endPos = height;
-				used = (endPos - startPos);
-			}
+			let startPos;
+			let endPos;
+			let stopPos;
+			let totalPages;
 
-			let totalPages = this.layout.count(height, pageHeight).pages;
+			if (vertical) {
+				startPos = offset + container.top - position.top + used;
+				endPos = startPos + pageHeight - used;
+				totalPages = this.layout.count(height, pageHeight).pages;
+				stopPos = pageHeight;
+			} else {
+				startPos = offset + container.left - position.left + used;
+				endPos = startPos + pageWidth - used;
+				totalPages = this.layout.count(width, pageWidth).pages;
+				stopPos = pageWidth;
+			}
 
-			let currPage = Math.ceil(startPos / pageHeight);
+			let currPage = Math.ceil(startPos / stopPos);
 			let pages = [];
-			let endPage = Math.ceil(endPos / pageHeight);
+			let endPage = Math.ceil(endPos / stopPos);
+
+			// Reverse page counts for horizontal rtl
+			if (this.settings.direction === "rtl" && !vertical) {
+				let tempStartPage = currPage;
+				currPage = totalPages - endPage;
+				endPage = totalPages - tempStartPage;
+			}
 
 			pages = [];
 			for (var i = currPage; i <= endPage; i++) {
@@ -684,13 +724,28 @@ class DefaultViewManager {
 
 		let sections = visible.map((view) => {
 			let {index, href} = view.section;
-			let offset = view.offset().left;
-			let position = view.position().left;
+			let offset;
+			let position = view.position();
 			let width = view.width();
 
 			// Find mapping
-			let start = left + container.left - position + offset + used;
-			let end = start + this.layout.width - used;
+			let start;
+			let end;
+			let pageWidth;
+
+			if (this.settings.direction === "rtl") {
+				offset = container.right - left;
+				pageWidth = Math.min(Math.abs(offset - position.left), this.layout.width) - used;
+				end = position.width - (position.right - offset) - used;
+				start = end - pageWidth;
+			} else {
+				offset = container.left + left;
+				pageWidth = Math.min(position.right - offset, this.layout.width) - used;
+				start = offset - position.left + used;
+				end = start + pageWidth;
+			}
+
+			used += pageWidth;
 
 			let mapping = this.mapping.page(view.contents, view.section.cfiBase, start, end);
 
@@ -698,7 +753,7 @@ class DefaultViewManager {
 			let startPage = Math.floor(start / this.layout.pageWidth);
 			let pages = [];
 			let endPage = Math.floor(end / this.layout.pageWidth);
-
+			
 			// start page should not be negative
 			if (startPage < 0) {
 				startPage = 0;
@@ -874,7 +929,7 @@ class DefaultViewManager {
 			);
 
 			// Set the look ahead offset for what is visible
-			this.settings.offset = this.layout.delta;
+			this.settings.offset = this.layout.delta / this.layout.divisor;
 
 			// this.stage.addStyleRules("iframe", [{"margin-right" : this.layout.gap + "px"}]);
 
@@ -905,11 +960,11 @@ class DefaultViewManager {
 
 	}
 
-	updateAxis(axis, forceUpdate){
+	updateWritingMode(mode) {
+		this.writingMode = mode;
+	}
 
-		if (!this.isPaginated) {
-			axis = "vertical";
-		}
+	updateAxis(axis, forceUpdate){
 
 		if (!forceUpdate && axis === this.settings.axis) {
 			return;
diff --git a/src/managers/helpers/views.js b/src/managers/helpers/views.js
index dc0a465db..4368da2c2 100644
--- a/src/managers/helpers/views.js
+++ b/src/managers/helpers/views.js
@@ -80,7 +80,7 @@ class Views {
 		if(view.displayed){
 			view.destroy();
 		}
-
+		
 		if(this.container){
 			 this.container.removeChild(view.element);
 		}
diff --git a/src/managers/views/iframe.js b/src/managers/views/iframe.js
index 611da3d9b..76b2c1d3e 100644
--- a/src/managers/views/iframe.js
+++ b/src/managers/views/iframe.js
@@ -9,7 +9,7 @@ class IframeView {
 	constructor(section, options) {
 		this.settings = extend({
 			ignoreClass : "",
-			axis: options.layout && options.layout.props.flow === "scrolled" ? "vertical" : "horizontal",
+			axis: undefined, //options.layout && options.layout.props.flow === "scrolled" ? "vertical" : "horizontal",
 			direction: undefined,
 			width: 0,
 			height: 0,
@@ -148,16 +148,30 @@ class IframeView {
 			}.bind(this))
 			.then(function(){
 
-				// apply the layout function to the contents
-				this.layout.format(this.contents, this.section);
-
 				// find and report the writingMode axis
 				let writingMode = this.contents.writingMode();
-				let axis = (writingMode.indexOf("vertical") === 0) ? "vertical" : "horizontal";
+
+				// Set the axis based on the flow and writing mode
+				let axis;
+				if (this.settings.flow === "scrolled") {
+					axis = (writingMode.indexOf("vertical") === 0) ? "horizontal" : "vertical";
+				} else {
+					axis = (writingMode.indexOf("vertical") === 0) ? "vertical" : "horizontal";
+				}
+
+				if (writingMode.indexOf("vertical") === 0 && this.settings.flow === "paginated") {
+					this.layout.delta = this.layout.height;
+				}
 
 				this.setAxis(axis);
 				this.emit(EVENTS.VIEWS.AXIS, axis);
 
+				this.setWritingMode(writingMode);
+				this.emit(EVENTS.VIEWS.WRITING_MODE, writingMode);
+
+
+				// apply the layout function to the contents
+				this.layout.format(this.contents, this.section, this.axis);
 
 				// Listen for events that require an expansion of the iframe
 				this.addListeners();
@@ -165,7 +179,7 @@ class IframeView {
 				return new Promise((resolve, reject) => {
 					// Expand the iframe to the full size of the content
 					this.expand();
-					//
+
 					if (this.settings.forceRight) {
 						this.element.style.marginLeft = this.width() + "px";
 					}
@@ -207,7 +221,7 @@ class IframeView {
 			this.lock("both", width, height);
 		} else if(this.settings.axis === "horizontal") {
 			this.lock("height", width, height);
-		} else {
+		} else {			
 			this.lock("width", width, height);
 		}
 
@@ -293,6 +307,10 @@ class IframeView {
 		} // Expand Vertically
 		else if(this.settings.axis === "vertical") {
 			height = this.contents.textHeight();
+			if (this.settings.flow === "paginated" &&
+				height % this.layout.height > 0) {
+				height = Math.ceil(height / this.layout.height) * this.layout.height;
+			}
 		}
 
 		// Only Resize if dimensions have changed or
@@ -453,11 +471,6 @@ class IframeView {
 
 	setAxis(axis) {
 
-		// Force vertical for scrolled
-		if (this.layout.props.flow === "scrolled") {
-			axis = "vertical";
-		}
-
 		this.settings.axis = axis;
 
 		if(axis == "horizontal"){
@@ -470,6 +483,11 @@ class IframeView {
 
 	}
 
+	setWritingMode(mode) {
+		// this.element.style.writingMode = writingMode;
+		this.writingMode = mode;
+	}
+
 	addListeners() {
 		//TODO: Add content listeners for expanding
 	}
diff --git a/src/mapping.js b/src/mapping.js
index bf7dd96c0..421620440 100644
--- a/src/mapping.js
+++ b/src/mapping.js
@@ -10,7 +10,7 @@ import { nodeBounds } from "./utils/core";
  * @param {boolean} [dev] toggle developer highlighting
  */
 class Mapping {
-	constructor(layout, direction, axis, dev) {
+	constructor(layout, direction, axis, dev=false) {
 		this.layout = layout;
 		this.horizontal = (axis === "horizontal") ? true : false;
 		this.direction = direction || "ltr";
diff --git a/src/utils/constants.js b/src/utils/constants.js
index a4aadedb3..fd5997ba2 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -27,7 +27,8 @@ export const EVENTS = {
     REMOVED : "removed",
   },
   VIEWS : {
-    AXIS : "axis",
+    AXIS: "axis",
+    WRITING_MODE: "writingMode",
     LOAD_ERROR : "loaderror",
     RENDERED : "rendered",
     RESIZED : "resized",