Fractional slide tweak

docs/assets/js/glider.js

@@ -5,13 +5,13 @@
   \___//_//_/ \_,_/ \__//_/  (_)__/ //___/
                               |___/
 
-  Version: 1.3
+  Version: 1.4
   Author: Nick Piscitelli (pickykneee)
   Website: https://nickpiscitelli.com
   Documentation: http://nickpiscitelli.github.io/Glider.js
   License: MIT License
   Release Date: October 25th, 2018
-
+  Last Update: November 10th, 2018
 */
 
 (function() {
@@ -82,6 +82,7 @@
     });
 
     _.containerWidth = _.ele.clientWidth;
+
     _.opt = _._opt;
 
     var breakpointChanged = _.settingsBreakpoint();
@@ -170,6 +171,10 @@
 
     _.slide = Math.round(_.ele.scrollLeft / _.itemWidth);
     _.page = Math.round(_.ele.scrollLeft / _.containerWidth);
+    if (_.ele.scrollLeft + _.containerWidth >= _.trackWidth){
+      _.page = _.dots ? _.dots.children.length - 1 : 0;
+      _.slide = _.slides.length - 1;
+    }
 
     [].forEach.call(_.slides,function(slide,index){
       var

docs/index.html

@@ -9,7 +9,7 @@
   \___//_//_/ \_,_/ \__//_/  (_)__/ //___/
                                |___/
 
-  Version: 1.3
+  Version: 1.4
   Author: Nick Piscitelli (pickykneee)
   Website: https://nickpiscitelli.com
   License: MIT License
@@ -383,7 +383,7 @@ <h2>Scroll Locking</h2>
         </div>
 
         <div class="demo">
-          <h2>Cut-Off Slides</h2>
+          <h2>Fractional Slides</h2>
           <div data-name="Fractional Slides" class="glider-contain multiple">
             <div class="gradient-border-bottom">
               <div class="gradient-border">
@@ -404,7 +404,6 @@ <h2>Cut-Off Slides</h2>
                   <div><h1>14</h1></div>
                   <div><h1>15</h1></div>
                   <div><h1>16</h1></div>
-                  <div><h1>17</h1></div>
                 </div>
               </div>
             </div>
@@ -414,8 +413,8 @@ <h2>Cut-Off Slides</h2>
           </div>
           <script>
             var glider = new Glider(document.getElementById('glider-cut'), {
-              slidesToShow: 3.5,
-              slidesToScroll: 1,
+              slidesToScroll: 1.337,
+              slidesToShow: 5.555,
               dots: '#frac-dots',
               arrows: {
                 prev: '#cut-prev',
@@ -427,7 +426,8 @@ <h2>Cut-Off Slides</h2>
           <pre class="line-numbers language-javascript">
             <code class="line-numbers language-javascript">
               new Glider(document.querySelector('.glider'), {
-                slidesToShow: 3.5,
+                slidesToScroll: 1.337,
+                slidesToShow: 7.777,
                 dots: '.dots',
                 arrows: {
                   prev: '.glider-prev',

glider.js

@@ -5,13 +5,13 @@
   \___//_//_/ \_,_/ \__//_/  (_)__/ //___/
                               |___/
 
-  Version: 1.3
+  Version: 1.4
   Author: Nick Piscitelli (pickykneee)
   Website: https://nickpiscitelli.com
   Documentation: http://nickpiscitelli.github.io/Glider.js
   License: MIT License
   Release Date: October 25th, 2018
-
+  Last Update: November 10th, 2018
 */
 
 (function() {
@@ -82,6 +82,7 @@
     });
 
     _.containerWidth = _.ele.clientWidth;
+
     _.opt = _._opt;
 
     var breakpointChanged = _.settingsBreakpoint();
@@ -170,6 +171,10 @@
 
     _.slide = Math.round(_.ele.scrollLeft / _.itemWidth);
     _.page = Math.round(_.ele.scrollLeft / _.containerWidth);
+    if (_.ele.scrollLeft + _.containerWidth >= _.trackWidth){
+      _.page = _.dots ? _.dots.children.length - 1 : 0;
+      _.slide = _.slides.length - 1;
+    }
 
     [].forEach.call(_.slides,function(slide,index){
       var