From 0ed75f42895b70d7464b181bbe3ec0a0a9a92fc5 Mon Sep 17 00:00:00 2001
From: Andrea Bogazzi <andreabogazzi79@gmail.com>
Date: Thu, 11 Jun 2015 07:21:13 +0200
Subject: [PATCH 1/2] Create scrolling.html

---
 assets/html/scrolling.html | 44 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 assets/html/scrolling.html
diff --git a/assets/html/scrolling.html b/assets/html/scrolling.html
new file mode 100644
index 0000000000..0fa28b73ea
--- /dev/null
+++ b/assets/html/scrolling.html
@@ -0,0 +1,44 @@
+<html>
+  <head>
+    <script type="text/javascript" src="../../lib/fabric.js" ></script>
+    <style>
+      canvas#b {
+        border: 1px solid red;
+      }
+      .imp-modal {
+        position: fixed;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+      }
+      #modal-body {
+        position: absolute;
+        height: 100%;
+        overflow-y: auto;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="imp-modal" >
+      <div id="modal-body">
+        <canvas id="b" width="200" height="400"></canvas>
+      </div>
+    </div>
+    <script type="text/javascript">
+      var canvasB = window._canvas = new fabric.Canvas('b', {
+            backgroundColor: '#FFF',
+            selection: false,
+            isDrawingMode: true
+          });
+
+      canvasB.canvas_h = 2000;
+      canvasB.canvas_w = 200;
+      canvasB.setHeight(canvasB.canvas_h).setWidth(canvasB.canvas_w);
+
+      document.getElementById('modal-body').onscroll = function() {
+        canvasB.calcOffset();
+      };
+    </script>
+  </body>
+</html>

From 6ca02b615787d0600fda8d8142114908dab6f4aa Mon Sep 17 00:00:00 2001
From: Andrea Bogazzi <andreabogazzi79@gmail.com>
Date: Thu, 11 Jun 2015 07:21:42 +0200
Subject: [PATCH 2/2] Update position.html

---
 test/misc/position.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/test/misc/position.html b/test/misc/position.html
index a721f3bfb1..c0dc488c21 100644
--- a/test/misc/position.html
+++ b/test/misc/position.html
@@ -53,3 +53,8 @@ <h3>Border on canvas</h3>
     init(new fabric.Canvas('c3'));
   </script>
 </div>
+
+<div class="test">
+  <h3>Scrolling canvas in fixed and absolute div</h3>
+  <iframe src="../../assets/html/scrolling.html" width="202" height="200" ></iframe>
+</div>
