- Added new feature to create an scrollable section by using `pp-scro…

…llable`.
alvarotrigo · Mar 24, 2015 · dc69541c86b20a0e43a10fd610194a2b1326ab40 · dc69541
1 parent 756e349
commit dc69541c86b20a0e43a10fd610194a2b1326ab40
Unified Split

Showing with 35 additions and 20 deletions.

+2 −2 bower.json

+5 −1 jquery.pagepiling.css

+13 −2 jquery.pagepiling.js

+15 −15 jquery.pagepiling.min.js
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "pagePiling.js",
-  "version": "1.3",
+  "version": "1.4",
   "homepage": "https://github.com/alvarotrigo/pagePiling.js",
   "authors": [
     "Alvaro Trigo https://github.com/alvarotrigo"
@@ -33,6 +33,6 @@
     "examples"
   ],
   "dependencies": {
-    "jquery": "1.11.1"
+    "jquery": ">=1.7.0"
   }
 }
diff --git a/jquery.pagepiling.css b/jquery.pagepiling.css
@@ -1,5 +1,5 @@
 /* ===========================================================
- * pagepiling.js 0.0.1 (Beta)
+ * pagepiling.js 1.4
  *
  * https://github.com/alvarotrigo/fullPage.js
  * MIT licensed
@@ -123,3 +123,7 @@ html, body {
 .pp-tooltip.left {
     left: 20px;
 }
+.pp-scrollable{
+    overflow-y: scroll;
+    height: 100%;
+}
diff --git a/jquery.pagepiling.js b/jquery.pagepiling.js
@@ -1,5 +1,5 @@
 /* ===========================================================
- * pagepiling.js 1.3
+ * pagepiling.js 1.4
  *
  * https://github.com/alvarotrigo/pagePiling.js
  * MIT licensed
@@ -207,7 +207,6 @@
             $.isFunction( options.afterRender ) && options.afterRender.call( this);
         });
 
-
         /**
         * Enables vertical centering by wrapping the content and the use of table and table-cell
         */
@@ -614,6 +613,18 @@
             }
         }
 
+        /**
+        * Return a boolean depending on whether the scrollable element is at the end or at the start of the scrolling
+        * depending on the given type.
+        */
+        function isScrolled(type, scrollable){
+            if(type === 'top'){
+                return !scrollable.scrollTop();
+            }else if(type === 'bottom'){
+                return scrollable.scrollTop() + 1 + scrollable.innerHeight() >= scrollable[0].scrollHeight;
+            }
+        }
+
          /**
         * Determines whether the active section or slide is scrollable through and scrolling bar
         */

diff --git a/jquery.pagepiling.min.js b/jquery.pagepiling.min.js