Skip to content

added flag control for trigger slimscrolling event when jump by scrollBY scrollTo, and added a sample check for smooth scroll using touchpad #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
subash1 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

added flag control for trigger slimscrolling event when jump by scrollBY scrollTo, and added a sample check for smooth scroll using touchpad #6

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 16 additions & 4 deletions jquery.slimscroll.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,10 @@
borderRadius: '7px',

// sets border radius of the rail
railBorderRadius : '7px'
railBorderRadius : '7px',

// while scroll programatically, a flag determine need to trigger the scroll
scrollingEventTriggerOnJump : true
};

var o = $.extend(defaults, options);
Expand Down Expand Up @@ -645,17 +648,19 @@
percentScrollX = parseInt(barX.css('left')) / (me.outerWidth() - barX.outerWidth());
deltaX = percentScrollX * (me[0].scrollWidth - me.outerWidth());

var canTrigger = true;
if (isJump)
{
deltaX = x;
var offsetLeft = deltaX / me[0].scrollWidth * me.outerWidth();
offsetLeft = Math.min(Math.max(offsetLeft, 0), maxLeft);
barX.css({ left: offsetLeft + 'px' });
canTrigger = o.scrollingEventTriggerOnJump;
}

// scroll content and fire scrolling event
me.scrollLeft(deltaX);
me.trigger('slimscrollingX', ~~deltaX);
canTrigger && me.trigger('slimscrollingX', ~~deltaX);

// ensure bar is visible
showBarX();
Expand All @@ -669,6 +674,11 @@
var deltaY = y;
var maxTop = me.outerHeight() - barY.outerHeight();

// TODO : mycheck
if(hasHorizontalScrollbar && x && !isWheel && !isJump && Math.abs(y) < 40){
return;
}

if (isWheel)
{
// move bar with mouse wheel
Expand All @@ -691,17 +701,19 @@
percentScrollY = parseInt(barY.css('top')) / (me.outerHeight() - barY.outerHeight());
deltaY = percentScrollY * (me[0].scrollHeight - me.outerHeight());

var canTrigger = true;
if (isJump)
{
deltaY = y;
var offsetTop = deltaY / me[0].scrollHeight * me.outerHeight();
offsetTop = Math.min(Math.max(offsetTop, 0), maxTop);
barY.css({ top: offsetTop + 'px' });
canTrigger = o.scrollingEventTriggerOnJump;
}

// scroll content and fire scrolling event
me.scrollTop(deltaY);
me.trigger('slimscrollingY', ~~deltaY);
canTrigger && me.trigger('slimscrollingY', ~~deltaY);

// ensure bar is visible
showBarY();
Expand Down Expand Up @@ -873,4 +885,4 @@
slimscroll: $.fn.slimScroll
});

})(jQuery);
})(jQuery);