diff --git a/index.html b/index.html
index 9e395cd..50c83b1 100755
--- a/index.html
+++ b/index.html
@@ -852,13 +852,21 @@ $(document).ready(function(){
-
+
+
+ |
+ Use transform to drag:
+ |
+
+
+ |
|
@@ -975,6 +983,7 @@ $(document).ready(function(){
USE_REAL_PAGE_SIZES = $('#USE_REAL_PAGE_SIZES').text() == 'true' ? true : false
UPDATE_HASH_URL_POSITION = $('#UPDATE_HASH_URL_POSITION').text() == 'true' ? true : false
FULL_HISTORY_ENABLED = $('#FULL_HISTORY_ENABLED').text() == 'true' ? true : false
+ USE_TRANSFORM = $('#USE_TRANSFORM').text() == 'true' ? true : false
}
function loadSettings(){
@@ -986,6 +995,7 @@ $(document).ready(function(){
$('#USE_REAL_PAGE_SIZES').text(USE_REAL_PAGE_SIZES)
$('#UPDATE_HASH_URL_POSITION').text(UPDATE_HASH_URL_POSITION)
$('#FULL_HISTORY_ENABLED').text(FULL_HISTORY_ENABLED)
+ $('#USE_TRANSFORM').text(USE_TRANSFORM)
$('#theme_toggler').text(toggleThemes('?'))
$('#theme_shadow_toggler').text(toggleShadows('?'))
diff --git a/magazine.js b/magazine.js
index 4bbd8c5..5912c7b 100755
--- a/magazine.js
+++ b/magazine.js
@@ -223,12 +223,23 @@ function shiftMagazineTo(offset){
'-moz-transform' : transform,
'-o-transform' : transform,
'transform' : transform,
+
+ // XXX can we avoid this here??
+ left: 0,
})
} else {
+ var transform = 'translate(0px, 0px) translateZ(0px)'
mag.css({
// NOTE: this will be wrong during a transition, that's why we
// can pass the pre-calculated offset as an argument...
- left: offset
+ left: offset,
+
+ // XXX can we avoid this here??
+ '-ms-transform' : transform,
+ '-webkit-transform' : transform,
+ '-moz-transform' : transform,
+ '-o-transform' : transform,
+ 'transform' : transform,
})
}
}
|