minor adjustments

razwan · razwan · commit 344d11853f6c · 2017-01-31T12:59:21.000+02:00
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>jQuery Rellax Plugin Demo and Documentation</title>
-	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 	<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>
 	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto+Slab:700">
 	<link rel="stylesheet" type="text/css" href="assets/css/prism.css">
@@ -254,6 +254,8 @@
 			left: 50%;
 			width: 1em;
 			height: 1em;
+			margin-top: -0.5em;
+			margin-left: -0.5em;
 			border: 0.5em solid black;
 			border-radius: 50% 50% 0 50%;
 			transform: rotate(45deg);
diff --git a/jquery.rellax.js b/jquery.rellax.js
@@ -48,7 +48,9 @@
         $window.on( 'load', function() {
             reloadAll();
             prepareAll();
-            updateAll( true );
+            requestAnimationFrame(function() {
+                updateAll( true );
+            });
             $.each(elements, function(i, element) {
                 element.$el.addClass( 'rellax-active' );
             });
@@ -112,6 +114,9 @@
                 this.height = this.$el.outerHeight();
                 this.width = this.$el.outerWidth();
 
+                this.offset.top -= this.options.bleed;
+                this.height += 2 * this.options.bleed;
+
                 if ( this.parent !== undefined ) {
                     this.height = windowHeight - ( windowHeight - this.parent.height ) * ( 1 - this.options.amount );
                     this.offset.top = ( this.parent.height - this.height ) / 2;
@@ -128,7 +133,10 @@
                 if ( this.parent == undefined ) {
                     this.$el.addClass( 'rellax-element' );
                     this.$el.css({
+                        position: 'fixed',
+                        left: this.offset.left,
                         top: this.offset.top,
+                        width: this.width,
                         height: this.height
                     });
                 } else {
@@ -195,7 +203,7 @@
         $.fn.rellax.defaults = {
             amount: 0.5,
             bleed: 0,
-            scale: 1.2,
+            scale: 1,
             container: '[data-rellax-container]'
         };
 
