Переглянути джерело

stag-scrollbar - scroll behavior tweaks

Vijayakrishnan 3 роки тому
батько
коміт
064e10c4be
2 змінених файлів з 12 додано та 8 видалено
  1. 1 1
      config/app.php
  2. 11 7
      public/js/stag-scrollbar.js

+ 1 - 1
config/app.php

@@ -65,7 +65,7 @@ return [
 
     'hrm2_url' => env('HRM2_URL'),
 
-    'asset_version' => 34,
+    'asset_version' => 35,
 
     'temp_dir' => env('TEMP_DIR'),
 

+ 11 - 7
public/js/stag-scrollbar.js

@@ -82,14 +82,18 @@
                 .off('mousemove.' + scrollbarID)
                 .on('mousemove.' + scrollbarID, function (_e) {
                     if (!scrolling) return;
-                    let delta = _e.screenX - origX;
-                    if((origLeft + delta) >= 0 && (origLeft + delta + tracker.width()) <= stagScrollbarUI.width()) {
-                        tracker.css({
-                            marginLeft: (origLeft + delta) + 'px'
-                        });
-                        let percentScrolled = delta/(stagScrollbarUI.width() - tracker.width());
-                        $(self).scrollLeft((self.scrollWidth - $(self).width()) * percentScrolled);
+                    let delta = _e.screenX - origX, finalML = origLeft + delta;
+                    if(finalML < 0) {
+                        finalML = 0;
                     }
+                    else if(finalML + tracker.width() > stagScrollbarUI.width()) {
+                        finalML = stagScrollbarUI.width() - tracker.width();
+                    }
+                    tracker.css({
+                        marginLeft: finalML + 'px'
+                    });
+                    let percentScrolled = delta/(stagScrollbarUI.width() - tracker.width());
+                    $(self).scrollLeft((self.scrollWidth - $(self).width()) * percentScrolled);
                 })
                 .off('mouseup.' + scrollbarID)
                 .on('mouseup.' + scrollbarID, function (_e) {