mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-22 04:50:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

version 1.9.0

Browse Source
This commit is contained in:
Rene
2019-07-27 00:32:03 +02:00
parent 8e09c92811
commit 1a79515889
8 changed files with 595 additions and 519 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+494 -452
View File
File diff suppressed because it is too large Load Diff
css/OverlayScrollbars.css
+2 -2
View File
@@ -2,13 +2,13 @@
* OverlayScrollbars * OverlayScrollbars
* https://github.com/KingSora/OverlayScrollbars * https://github.com/KingSora/OverlayScrollbars
* *
* Version: 1.8.0 * Version: 1.9.0
* *
* Copyright KingSora | Rene Haas. * Copyright KingSora | Rene Haas.
* https://github.com/KingSora * https://github.com/KingSora
* *
* Released under the MIT license. * Released under the MIT license.
* Date: 08.07.2019 * Date: 27.07.2019
*/ */
/* /*
css/OverlayScrollbars.min.css
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
js/OverlayScrollbars.js
+45 -28
View File
@@ -2,13 +2,13 @@
* OverlayScrollbars * OverlayScrollbars
* https://github.com/KingSora/OverlayScrollbars * https://github.com/KingSora/OverlayScrollbars
* *
* Version: 1.8.0 * Version: 1.9.0
* *
* Copyright KingSora | Rene Haas. * Copyright KingSora | Rene Haas.
* https://github.com/KingSora * https://github.com/KingSora
* *
* Released under the MIT license. * Released under the MIT license.
* Date: 08.07.2019 * Date: 27.07.2019
*/ */
(function (global, factory) { (function (global, factory) {
@@ -1440,6 +1440,7 @@
} }
})(); })();
var PLUGIN = (function() { var PLUGIN = (function() {
var _plugin;
var _pluginsGlobals; var _pluginsGlobals;
var _pluginsAutoUpdateLoop; var _pluginsAutoUpdateLoop;
var _pluginsExtensions = [ ]; var _pluginsExtensions = [ ];
@@ -2005,7 +2006,7 @@
var each = FRAMEWORK.each; var each = FRAMEWORK.each;
//make correct instanceof //make correct instanceof
var _base = new window[PLUGINNAME](); var _base = new _plugin();
var _frameworkProto = FRAMEWORK[LEXICON.p]; var _frameworkProto = FRAMEWORK[LEXICON.p];
//if passed element is no HTML element: skip and return //if passed element is no HTML element: skip and return
@@ -2218,8 +2219,6 @@
var _ignoreOverlayScrollbarHidingCache; var _ignoreOverlayScrollbarHidingCache;
var _autoUpdateCache; var _autoUpdateCache;
var _sizeAutoCapableCache; var _sizeAutoCapableCache;
var _textareaAutoWrappingCache;
var _textareaInfoCache;
var _contentElementScrollSizeChangeDetectedCache; var _contentElementScrollSizeChangeDetectedCache;
var _hostElementSizeChangeDetectedCache; var _hostElementSizeChangeDetectedCache;
var _scrollbarsVisibilityCache; var _scrollbarsVisibilityCache;
@@ -2230,6 +2229,9 @@
var _normalizeRTLCache; var _normalizeRTLCache;
var _classNameCache; var _classNameCache;
var _oldClassName; var _oldClassName;
var _textareaAutoWrappingCache;
var _textareaInfoCache;
var _textareaSizeCache;
var _textareaDynHeightCache; var _textareaDynHeightCache;
var _textareaDynWidthCache; var _textareaDynWidthCache;
var _bodyMinSizeCache; var _bodyMinSizeCache;
@@ -3519,17 +3521,21 @@
//update Textarea //update Textarea
var textareaSize = _isTextarea ? textareaUpdate() : false; var textareaSize = _isTextarea ? textareaUpdate() : false;
var textareaSizeChanged = _isTextarea && checkCacheAutoForce(textareaSize, _textareaSizeCache);
var textareaDynOrigSize = _isTextarea && textareaSize ? { var textareaDynOrigSize = _isTextarea && textareaSize ? {
w : textareaDynWidth ? textareaSize._dynamicWidth : textareaSize._originalWidth, w : textareaDynWidth ? textareaSize._dynamicWidth : textareaSize._originalWidth,
h : textareaDynHeight ? textareaSize._dynamicHeight : textareaSize._originalHeight h : textareaDynHeight ? textareaSize._dynamicHeight : textareaSize._originalHeight
} : { }; } : { };
_textareaSizeCache = textareaSize;
//fix height auto / width auto in cooperation with current padding & boxSizing behavior: //fix height auto / width auto in cooperation with current padding & boxSizing behavior:
if (heightAuto && (heightAutoChanged || paddingAbsoluteChanged || boxSizingChanged || cssMaxValue.c || padding.c || border.c)) { if (heightAuto && (heightAutoChanged || paddingAbsoluteChanged || boxSizingChanged || cssMaxValue.c || padding.c || border.c)) {
//if (cssMaxValue.ch) /*
contentElementCSS[_strMaxMinus + _strHeight] = if (cssMaxValue.ch)
(cssMaxValue.ch ? (cssMaxValue.ih - paddingAbsoluteY + (_isBorderBox ? -_borderY : _paddingY)) contentElementCSS[_strMaxMinus + _strHeight] =
: _strEmpty); (cssMaxValue.ch ? (cssMaxValue.ih - paddingAbsoluteY + (_isBorderBox ? -_borderY : _paddingY))
: _strEmpty);
*/
contentElementCSS[_strHeight] = _strAuto; contentElementCSS[_strHeight] = _strAuto;
} }
else if (heightAutoChanged || paddingAbsoluteChanged) { else if (heightAutoChanged || paddingAbsoluteChanged) {
@@ -3537,11 +3543,13 @@
contentElementCSS[_strHeight] = _strHundredPercent; contentElementCSS[_strHeight] = _strHundredPercent;
} }
if (widthAuto && (widthAutoChanged || paddingAbsoluteChanged || boxSizingChanged || cssMaxValue.c || padding.c || border.c || cssDirectionChanged)) { if (widthAuto && (widthAutoChanged || paddingAbsoluteChanged || boxSizingChanged || cssMaxValue.c || padding.c || border.c || cssDirectionChanged)) {
//if (cssMaxValue.cw) /*
contentElementCSS[_strMaxMinus + _strWidth] = if (cssMaxValue.cw)
(cssMaxValue.cw ? (cssMaxValue.iw - paddingAbsoluteX + (_isBorderBox ? -_borderX : _paddingX)) + contentElementCSS[_strMaxMinus + _strWidth] =
(_nativeScrollbarIsOverlaid.y /*&& _hasOverflowCache.y && widthAuto */ ? _overlayScrollbarDummySize.y : 0) (cssMaxValue.cw ? (cssMaxValue.iw - paddingAbsoluteX + (_isBorderBox ? -_borderX : _paddingX)) +
: _strEmpty); (_nativeScrollbarIsOverlaid.y ? _overlayScrollbarDummySize.y : 0)
: _strEmpty);
*/
contentElementCSS[_strWidth] = _strAuto; contentElementCSS[_strWidth] = _strAuto;
contentGlueElementCSS[_strMaxMinus + _strWidth] = _strHundredPercent; //IE Fix contentGlueElementCSS[_strMaxMinus + _strWidth] = _strHundredPercent; //IE Fix
} }
@@ -3581,7 +3589,7 @@
contentGlueElementCSS = {}; contentGlueElementCSS = {};
//if [content(host) client / scroll size, or target element direction, or content(host) max-sizes] changed, or force is true //if [content(host) client / scroll size, or target element direction, or content(host) max-sizes] changed, or force is true
if (hostSizeChanged || contentSizeChanged || cssDirectionChanged || boxSizingChanged || paddingAbsoluteChanged || widthAutoChanged || widthAuto || heightAutoChanged || heightAuto || cssMaxValue.c || ignoreOverlayScrollbarHidingChanged || overflowBehaviorChanged || clipAlwaysChanged || resizeChanged || scrollbarsVisibilityChanged || scrollbarsAutoHideChanged || scrollbarsDragScrollingChanged || scrollbarsClickScrollingChanged || textareaDynWidthChanged || textareaDynHeightChanged || textareaAutoWrappingChanged) { if (hostSizeChanged || contentSizeChanged || textareaSizeChanged || cssDirectionChanged || boxSizingChanged || paddingAbsoluteChanged || widthAutoChanged || widthAuto || heightAutoChanged || heightAuto || cssMaxValue.c || ignoreOverlayScrollbarHidingChanged || overflowBehaviorChanged || clipAlwaysChanged || resizeChanged || scrollbarsVisibilityChanged || scrollbarsAutoHideChanged || scrollbarsDragScrollingChanged || scrollbarsClickScrollingChanged || textareaDynWidthChanged || textareaDynHeightChanged || textareaAutoWrappingChanged) {
var strOverflow = 'overflow'; var strOverflow = 'overflow';
var strOverflowX = strOverflow + '-x'; var strOverflowX = strOverflow + '-x';
var strOverflowY = strOverflow + '-y'; var strOverflowY = strOverflow + '-y';
@@ -3597,8 +3605,8 @@
//Reset the viewport (very important for natively overlaid scrollbars and zoom change //Reset the viewport (very important for natively overlaid scrollbars and zoom change
//don't change the overflow prop as it is very expensive and affects performance !A LOT! //don't change the overflow prop as it is very expensive and affects performance !A LOT!
var viewportElementResetCSS = { }; var viewportElementResetCSS = { };
var resetXTmp = _hasOverflowCache.y && _hideOverflowCache.ys && !ignoreOverlayScrollbarHiding ? (_nativeScrollbarIsOverlaid.y ? _viewportElement.css(isRTLLeft) : -_nativeScrollbarSize.y) : 0; var resetXTmp = _hasOverflowCache.y && _hideOverflowCache.ys && !ignoreOverlayScrollbarHiding && !_nativeScrollbarStyling ? (_nativeScrollbarIsOverlaid.y ? _viewportElement.css(isRTLLeft) : -_nativeScrollbarSize.y) : 0;
var resetBottomTmp = _hasOverflowCache.x && _hideOverflowCache.xs && !ignoreOverlayScrollbarHiding ? (_nativeScrollbarIsOverlaid.x ? _viewportElement.css(_strBottom) : -_nativeScrollbarSize.x) : 0; var resetBottomTmp = _hasOverflowCache.x && _hideOverflowCache.xs && !ignoreOverlayScrollbarHiding && !_nativeScrollbarStyling ? (_nativeScrollbarIsOverlaid.x ? _viewportElement.css(_strBottom) : -_nativeScrollbarSize.x) : 0;
setTopRightBottomLeft(viewportElementResetCSS, _strEmpty); setTopRightBottomLeft(viewportElementResetCSS, _strEmpty);
_viewportElement.css(viewportElementResetCSS); _viewportElement.css(viewportElementResetCSS);
if(hideOverflow4CorrectMeasuring) if(hideOverflow4CorrectMeasuring)
@@ -3671,7 +3679,7 @@
contentGlueElementCSS[strWH] = maxSize + (_isBorderBox ? 0 : paddingSize) + 1; contentGlueElementCSS[strWH] = maxSize + (_isBorderBox ? 0 : paddingSize) + 1;
//if size is auto and host is smaller than size as min size, make content glue size -1 to make sure size changes will be detected (this is only needed if padding is 0) //if size is auto and host is smaller than size as min size, make content glue size -1 to make sure size changes will be detected (this is only needed if padding is 0)
if (autoSize && (contentSize[wh] < _viewportSize[wh]) && (horizontal ? (_isTextarea ? !textareaAutoWrapping : false) : true)) { if (autoSize && (contentSize[wh] < _viewportSize[wh]) && (horizontal && _isTextarea ? !textareaAutoWrapping : true)) {
if (_isTextarea) if (_isTextarea)
textareaCoverCSS[strWH] = parseToZeroOrNumber(_textareaCoverElement.css(strWH)) - 1; textareaCoverCSS[strWH] = parseToZeroOrNumber(_textareaCoverElement.css(strWH)) - 1;
contentGlueElementCSS[strWH] -= 1; contentGlueElementCSS[strWH] -= 1;
@@ -4015,8 +4023,7 @@
else else
_scrollbarCornerElement[remove ? 'off' : 'on'](_strMouseTouchDownEvent, _resizeOnMouseTouchDown); _scrollbarCornerElement[remove ? 'off' : 'on'](_strMouseTouchDownEvent, _resizeOnMouseTouchDown);
}; };
removeClass(_scrollbarCornerElement, [ removeClass(_scrollbarCornerElement, [
_classNameHostResizeDisabled,
_classNameScrollbarCornerResize, _classNameScrollbarCornerResize,
_classNameScrollbarCornerResizeB, _classNameScrollbarCornerResizeB,
_classNameScrollbarCornerResizeH, _classNameScrollbarCornerResizeH,
@@ -4026,6 +4033,7 @@
setupCornerEvents(true); setupCornerEvents(true);
} }
else { else {
removeClass(_hostElement, _classNameHostResizeDisabled);
addClass(_scrollbarCornerElement, _classNameScrollbarCornerResize); addClass(_scrollbarCornerElement, _classNameScrollbarCornerResize);
if (_resizeBoth) if (_resizeBoth)
addClass(_scrollbarCornerElement, _classNameScrollbarCornerResizeB); addClass(_scrollbarCornerElement, _classNameScrollbarCornerResizeB);
@@ -6130,7 +6138,7 @@
* @returns {{}} The instance of the added extension or undefined if the extension couldn't be added properly. * @returns {{}} The instance of the added extension or undefined if the extension couldn't be added properly.
*/ */
_base.addExt = function(extName, extensionOptions) { _base.addExt = function(extName, extensionOptions) {
var registeredExtensionObj = window[PLUGINNAME].extension(extName); var registeredExtensionObj = _plugin.extension(extName);
var instance; var instance;
var instanceAdded; var instanceAdded;
var instanceContract; var instanceContract;
@@ -6318,7 +6326,7 @@
* @param extensions The extension(s) which shall be added right after initialization. * @param extensions The extension(s) which shall be added right after initialization.
* @returns {*} * @returns {*}
*/ */
window[PLUGINNAME] = function(pluginTargetElements, options, extensions) { _plugin = window[PLUGINNAME] = function(pluginTargetElements, options, extensions) {
if(arguments[LEXICON.l] === 0) if(arguments[LEXICON.l] === 0)
return this; return this;
@@ -6352,7 +6360,7 @@
else { else {
FRAMEWORK.each(pluginTargetElements, function(i, v) { FRAMEWORK.each(pluginTargetElements, function(i, v) {
inst = INSTANCES(v); inst = INSTANCES(v);
if((options === '!' && inst instanceof window[PLUGINNAME]) || (COMPATIBILITY.type(options) == TYPES.f && options(v, inst))) if((options === '!' && _plugin.valid(inst)) || (COMPATIBILITY.type(options) == TYPES.f && options(v, inst)))
arr.push(inst); arr.push(inst);
else if(options === undefined) else if(options === undefined)
arr.push(inst); arr.push(inst);
@@ -6367,7 +6375,7 @@
* Returns a object which contains global information about the plugin and each instance of it. * Returns a object which contains global information about the plugin and each instance of it.
* The returned object is just a copy, that means that changes to the returned object won't have any effect to the original object. * The returned object is just a copy, that means that changes to the returned object won't have any effect to the original object.
*/ */
window[PLUGINNAME].globals = function () { _plugin.globals = function () {
initOverlayScrollbarsStatics(); initOverlayScrollbarsStatics();
var globals = FRAMEWORK.extend(true, { }, _pluginsGlobals); var globals = FRAMEWORK.extend(true, { }, _pluginsGlobals);
delete globals['msie']; delete globals['msie'];
@@ -6378,7 +6386,7 @@
* Gets or Sets the default options for each new plugin initialization. * Gets or Sets the default options for each new plugin initialization.
* @param newDefaultOptions The object with which the default options shall be extended. * @param newDefaultOptions The object with which the default options shall be extended.
*/ */
window[PLUGINNAME].defaultOptions = function(newDefaultOptions) { _plugin.defaultOptions = function(newDefaultOptions) {
initOverlayScrollbarsStatics(); initOverlayScrollbarsStatics();
var currDefaultOptions = _pluginsGlobals.defaultOptions; var currDefaultOptions = _pluginsGlobals.defaultOptions;
if(newDefaultOptions === undefined) if(newDefaultOptions === undefined)
@@ -6388,6 +6396,15 @@
_pluginsGlobals.defaultOptions = FRAMEWORK.extend(true, { }, currDefaultOptions , _pluginsOptions._validate(newDefaultOptions, _pluginsOptions._template, true, currDefaultOptions)._default); _pluginsGlobals.defaultOptions = FRAMEWORK.extend(true, { }, currDefaultOptions , _pluginsOptions._validate(newDefaultOptions, _pluginsOptions._template, true, currDefaultOptions)._default);
}; };
/**
* Checks whether the passed instance is a non-destroyed OverlayScrollbars instance.
* @param osInstance The potential OverlayScrollbars instance which shall be checked.
* @returns {boolean} True if the passed value is a non-destroyed OverlayScrollbars instance, false otherwise.
*/
_plugin.valid = function (osInstance) {
return osInstance instanceof _plugin && !osInstance.getState().destroyed;
};
/** /**
* Registers, Unregisters or returns a extension. * Registers, Unregisters or returns a extension.
* Register: Pass the name and the extension. (defaultOptions is optional) * Register: Pass the name and the extension. (defaultOptions is optional)
@@ -6398,7 +6415,7 @@
* @param extension A function which generates the instance of the extension or anything other to remove a already registered extension. * @param extension A function which generates the instance of the extension or anything other to remove a already registered extension.
* @param defaultOptions The default options which shall be used for the registered extension. * @param defaultOptions The default options which shall be used for the registered extension.
*/ */
window[PLUGINNAME].extension = function(extensionName, extension, defaultOptions) { _plugin.extension = function(extensionName, extension, defaultOptions) {
var extNameTypeString = COMPATIBILITY.type(extensionName) == TYPES.s; var extNameTypeString = COMPATIBILITY.type(extensionName) == TYPES.s;
var argLen = arguments[LEXICON.l]; var argLen = arguments[LEXICON.l];
var i = 0; var i = 0;
@@ -6428,7 +6445,7 @@
} }
}; };
return window[PLUGINNAME]; return _plugin;
})(); })();
if(JQUERY && JQUERY.fn) { if(JQUERY && JQUERY.fn) {
js/OverlayScrollbars.min.js
Vendored
+3 -3
View File
File diff suppressed because one or more lines are too long
js/jquery.overlayScrollbars.js
+45 -28
View File
@@ -2,13 +2,13 @@
* OverlayScrollbars * OverlayScrollbars
* https://github.com/KingSora/OverlayScrollbars * https://github.com/KingSora/OverlayScrollbars
* *
* Version: 1.8.0 * Version: 1.9.0
* *
* Copyright KingSora | Rene Haas. * Copyright KingSora | Rene Haas.
* https://github.com/KingSora * https://github.com/KingSora
* *
* Released under the MIT license. * Released under the MIT license.
* Date: 08.07.2019 * Date: 27.07.2019
*/ */
(function (global, factory) { (function (global, factory) {
@@ -363,6 +363,7 @@
} }
})(); })();
var PLUGIN = (function() { var PLUGIN = (function() {
var _plugin;
var _pluginsGlobals; var _pluginsGlobals;
var _pluginsAutoUpdateLoop; var _pluginsAutoUpdateLoop;
var _pluginsExtensions = [ ]; var _pluginsExtensions = [ ];
@@ -928,7 +929,7 @@
var each = FRAMEWORK.each; var each = FRAMEWORK.each;
//make correct instanceof //make correct instanceof
var _base = new window[PLUGINNAME](); var _base = new _plugin();
var _frameworkProto = FRAMEWORK[LEXICON.p]; var _frameworkProto = FRAMEWORK[LEXICON.p];
//if passed element is no HTML element: skip and return //if passed element is no HTML element: skip and return
@@ -1141,8 +1142,6 @@
var _ignoreOverlayScrollbarHidingCache; var _ignoreOverlayScrollbarHidingCache;
var _autoUpdateCache; var _autoUpdateCache;
var _sizeAutoCapableCache; var _sizeAutoCapableCache;
var _textareaAutoWrappingCache;
var _textareaInfoCache;
var _contentElementScrollSizeChangeDetectedCache; var _contentElementScrollSizeChangeDetectedCache;
var _hostElementSizeChangeDetectedCache; var _hostElementSizeChangeDetectedCache;
var _scrollbarsVisibilityCache; var _scrollbarsVisibilityCache;
@@ -1153,6 +1152,9 @@
var _normalizeRTLCache; var _normalizeRTLCache;
var _classNameCache; var _classNameCache;
var _oldClassName; var _oldClassName;
var _textareaAutoWrappingCache;
var _textareaInfoCache;
var _textareaSizeCache;
var _textareaDynHeightCache; var _textareaDynHeightCache;
var _textareaDynWidthCache; var _textareaDynWidthCache;
var _bodyMinSizeCache; var _bodyMinSizeCache;
@@ -2442,17 +2444,21 @@
//update Textarea //update Textarea
var textareaSize = _isTextarea ? textareaUpdate() : false; var textareaSize = _isTextarea ? textareaUpdate() : false;
var textareaSizeChanged = _isTextarea && checkCacheAutoForce(textareaSize, _textareaSizeCache);
var textareaDynOrigSize = _isTextarea && textareaSize ? { var textareaDynOrigSize = _isTextarea && textareaSize ? {
w : textareaDynWidth ? textareaSize._dynamicWidth : textareaSize._originalWidth, w : textareaDynWidth ? textareaSize._dynamicWidth : textareaSize._originalWidth,
h : textareaDynHeight ? textareaSize._dynamicHeight : textareaSize._originalHeight h : textareaDynHeight ? textareaSize._dynamicHeight : textareaSize._originalHeight
} : { }; } : { };
_textareaSizeCache = textareaSize;
//fix height auto / width auto in cooperation with current padding & boxSizing behavior: //fix height auto / width auto in cooperation with current padding & boxSizing behavior:
if (heightAuto && (heightAutoChanged || paddingAbsoluteChanged || boxSizingChanged || cssMaxValue.c || padding.c || border.c)) { if (heightAuto && (heightAutoChanged || paddingAbsoluteChanged || boxSizingChanged || cssMaxValue.c || padding.c || border.c)) {
//if (cssMaxValue.ch) /*
contentElementCSS[_strMaxMinus + _strHeight] = if (cssMaxValue.ch)
(cssMaxValue.ch ? (cssMaxValue.ih - paddingAbsoluteY + (_isBorderBox ? -_borderY : _paddingY)) contentElementCSS[_strMaxMinus + _strHeight] =
: _strEmpty); (cssMaxValue.ch ? (cssMaxValue.ih - paddingAbsoluteY + (_isBorderBox ? -_borderY : _paddingY))
: _strEmpty);
*/
contentElementCSS[_strHeight] = _strAuto; contentElementCSS[_strHeight] = _strAuto;
} }
else if (heightAutoChanged || paddingAbsoluteChanged) { else if (heightAutoChanged || paddingAbsoluteChanged) {
@@ -2460,11 +2466,13 @@
contentElementCSS[_strHeight] = _strHundredPercent; contentElementCSS[_strHeight] = _strHundredPercent;
} }
if (widthAuto && (widthAutoChanged || paddingAbsoluteChanged || boxSizingChanged || cssMaxValue.c || padding.c || border.c || cssDirectionChanged)) { if (widthAuto && (widthAutoChanged || paddingAbsoluteChanged || boxSizingChanged || cssMaxValue.c || padding.c || border.c || cssDirectionChanged)) {
//if (cssMaxValue.cw) /*
contentElementCSS[_strMaxMinus + _strWidth] = if (cssMaxValue.cw)
(cssMaxValue.cw ? (cssMaxValue.iw - paddingAbsoluteX + (_isBorderBox ? -_borderX : _paddingX)) + contentElementCSS[_strMaxMinus + _strWidth] =
(_nativeScrollbarIsOverlaid.y /*&& _hasOverflowCache.y && widthAuto */ ? _overlayScrollbarDummySize.y : 0) (cssMaxValue.cw ? (cssMaxValue.iw - paddingAbsoluteX + (_isBorderBox ? -_borderX : _paddingX)) +
: _strEmpty); (_nativeScrollbarIsOverlaid.y ? _overlayScrollbarDummySize.y : 0)
: _strEmpty);
*/
contentElementCSS[_strWidth] = _strAuto; contentElementCSS[_strWidth] = _strAuto;
contentGlueElementCSS[_strMaxMinus + _strWidth] = _strHundredPercent; //IE Fix contentGlueElementCSS[_strMaxMinus + _strWidth] = _strHundredPercent; //IE Fix
} }
@@ -2504,7 +2512,7 @@
contentGlueElementCSS = {}; contentGlueElementCSS = {};
//if [content(host) client / scroll size, or target element direction, or content(host) max-sizes] changed, or force is true //if [content(host) client / scroll size, or target element direction, or content(host) max-sizes] changed, or force is true
if (hostSizeChanged || contentSizeChanged || cssDirectionChanged || boxSizingChanged || paddingAbsoluteChanged || widthAutoChanged || widthAuto || heightAutoChanged || heightAuto || cssMaxValue.c || ignoreOverlayScrollbarHidingChanged || overflowBehaviorChanged || clipAlwaysChanged || resizeChanged || scrollbarsVisibilityChanged || scrollbarsAutoHideChanged || scrollbarsDragScrollingChanged || scrollbarsClickScrollingChanged || textareaDynWidthChanged || textareaDynHeightChanged || textareaAutoWrappingChanged) { if (hostSizeChanged || contentSizeChanged || textareaSizeChanged || cssDirectionChanged || boxSizingChanged || paddingAbsoluteChanged || widthAutoChanged || widthAuto || heightAutoChanged || heightAuto || cssMaxValue.c || ignoreOverlayScrollbarHidingChanged || overflowBehaviorChanged || clipAlwaysChanged || resizeChanged || scrollbarsVisibilityChanged || scrollbarsAutoHideChanged || scrollbarsDragScrollingChanged || scrollbarsClickScrollingChanged || textareaDynWidthChanged || textareaDynHeightChanged || textareaAutoWrappingChanged) {
var strOverflow = 'overflow'; var strOverflow = 'overflow';
var strOverflowX = strOverflow + '-x'; var strOverflowX = strOverflow + '-x';
var strOverflowY = strOverflow + '-y'; var strOverflowY = strOverflow + '-y';
@@ -2520,8 +2528,8 @@
//Reset the viewport (very important for natively overlaid scrollbars and zoom change //Reset the viewport (very important for natively overlaid scrollbars and zoom change
//don't change the overflow prop as it is very expensive and affects performance !A LOT! //don't change the overflow prop as it is very expensive and affects performance !A LOT!
var viewportElementResetCSS = { }; var viewportElementResetCSS = { };
var resetXTmp = _hasOverflowCache.y && _hideOverflowCache.ys && !ignoreOverlayScrollbarHiding ? (_nativeScrollbarIsOverlaid.y ? _viewportElement.css(isRTLLeft) : -_nativeScrollbarSize.y) : 0; var resetXTmp = _hasOverflowCache.y && _hideOverflowCache.ys && !ignoreOverlayScrollbarHiding && !_nativeScrollbarStyling ? (_nativeScrollbarIsOverlaid.y ? _viewportElement.css(isRTLLeft) : -_nativeScrollbarSize.y) : 0;
var resetBottomTmp = _hasOverflowCache.x && _hideOverflowCache.xs && !ignoreOverlayScrollbarHiding ? (_nativeScrollbarIsOverlaid.x ? _viewportElement.css(_strBottom) : -_nativeScrollbarSize.x) : 0; var resetBottomTmp = _hasOverflowCache.x && _hideOverflowCache.xs && !ignoreOverlayScrollbarHiding && !_nativeScrollbarStyling ? (_nativeScrollbarIsOverlaid.x ? _viewportElement.css(_strBottom) : -_nativeScrollbarSize.x) : 0;
setTopRightBottomLeft(viewportElementResetCSS, _strEmpty); setTopRightBottomLeft(viewportElementResetCSS, _strEmpty);
_viewportElement.css(viewportElementResetCSS); _viewportElement.css(viewportElementResetCSS);
if(hideOverflow4CorrectMeasuring) if(hideOverflow4CorrectMeasuring)
@@ -2594,7 +2602,7 @@
contentGlueElementCSS[strWH] = maxSize + (_isBorderBox ? 0 : paddingSize) + 1; contentGlueElementCSS[strWH] = maxSize + (_isBorderBox ? 0 : paddingSize) + 1;
//if size is auto and host is smaller than size as min size, make content glue size -1 to make sure size changes will be detected (this is only needed if padding is 0) //if size is auto and host is smaller than size as min size, make content glue size -1 to make sure size changes will be detected (this is only needed if padding is 0)
if (autoSize && (contentSize[wh] < _viewportSize[wh]) && (horizontal ? (_isTextarea ? !textareaAutoWrapping : false) : true)) { if (autoSize && (contentSize[wh] < _viewportSize[wh]) && (horizontal && _isTextarea ? !textareaAutoWrapping : true)) {
if (_isTextarea) if (_isTextarea)
textareaCoverCSS[strWH] = parseToZeroOrNumber(_textareaCoverElement.css(strWH)) - 1; textareaCoverCSS[strWH] = parseToZeroOrNumber(_textareaCoverElement.css(strWH)) - 1;
contentGlueElementCSS[strWH] -= 1; contentGlueElementCSS[strWH] -= 1;
@@ -2938,8 +2946,7 @@
else else
_scrollbarCornerElement[remove ? 'off' : 'on'](_strMouseTouchDownEvent, _resizeOnMouseTouchDown); _scrollbarCornerElement[remove ? 'off' : 'on'](_strMouseTouchDownEvent, _resizeOnMouseTouchDown);
}; };
removeClass(_scrollbarCornerElement, [ removeClass(_scrollbarCornerElement, [
_classNameHostResizeDisabled,
_classNameScrollbarCornerResize, _classNameScrollbarCornerResize,
_classNameScrollbarCornerResizeB, _classNameScrollbarCornerResizeB,
_classNameScrollbarCornerResizeH, _classNameScrollbarCornerResizeH,
@@ -2949,6 +2956,7 @@
setupCornerEvents(true); setupCornerEvents(true);
} }
else { else {
removeClass(_hostElement, _classNameHostResizeDisabled);
addClass(_scrollbarCornerElement, _classNameScrollbarCornerResize); addClass(_scrollbarCornerElement, _classNameScrollbarCornerResize);
if (_resizeBoth) if (_resizeBoth)
addClass(_scrollbarCornerElement, _classNameScrollbarCornerResizeB); addClass(_scrollbarCornerElement, _classNameScrollbarCornerResizeB);
@@ -5053,7 +5061,7 @@
* @returns {{}} The instance of the added extension or undefined if the extension couldn't be added properly. * @returns {{}} The instance of the added extension or undefined if the extension couldn't be added properly.
*/ */
_base.addExt = function(extName, extensionOptions) { _base.addExt = function(extName, extensionOptions) {
var registeredExtensionObj = window[PLUGINNAME].extension(extName); var registeredExtensionObj = _plugin.extension(extName);
var instance; var instance;
var instanceAdded; var instanceAdded;
var instanceContract; var instanceContract;
@@ -5241,7 +5249,7 @@
* @param extensions The extension(s) which shall be added right after initialization. * @param extensions The extension(s) which shall be added right after initialization.
* @returns {*} * @returns {*}
*/ */
window[PLUGINNAME] = function(pluginTargetElements, options, extensions) { _plugin = window[PLUGINNAME] = function(pluginTargetElements, options, extensions) {
if(arguments[LEXICON.l] === 0) if(arguments[LEXICON.l] === 0)
return this; return this;
@@ -5275,7 +5283,7 @@
else { else {
FRAMEWORK.each(pluginTargetElements, function(i, v) { FRAMEWORK.each(pluginTargetElements, function(i, v) {
inst = INSTANCES(v); inst = INSTANCES(v);
if((options === '!' && inst instanceof window[PLUGINNAME]) || (COMPATIBILITY.type(options) == TYPES.f && options(v, inst))) if((options === '!' && _plugin.valid(inst)) || (COMPATIBILITY.type(options) == TYPES.f && options(v, inst)))
arr.push(inst); arr.push(inst);
else if(options === undefined) else if(options === undefined)
arr.push(inst); arr.push(inst);
@@ -5290,7 +5298,7 @@
* Returns a object which contains global information about the plugin and each instance of it. * Returns a object which contains global information about the plugin and each instance of it.
* The returned object is just a copy, that means that changes to the returned object won't have any effect to the original object. * The returned object is just a copy, that means that changes to the returned object won't have any effect to the original object.
*/ */
window[PLUGINNAME].globals = function () { _plugin.globals = function () {
initOverlayScrollbarsStatics(); initOverlayScrollbarsStatics();
var globals = FRAMEWORK.extend(true, { }, _pluginsGlobals); var globals = FRAMEWORK.extend(true, { }, _pluginsGlobals);
delete globals['msie']; delete globals['msie'];
@@ -5301,7 +5309,7 @@
* Gets or Sets the default options for each new plugin initialization. * Gets or Sets the default options for each new plugin initialization.
* @param newDefaultOptions The object with which the default options shall be extended. * @param newDefaultOptions The object with which the default options shall be extended.
*/ */
window[PLUGINNAME].defaultOptions = function(newDefaultOptions) { _plugin.defaultOptions = function(newDefaultOptions) {
initOverlayScrollbarsStatics(); initOverlayScrollbarsStatics();
var currDefaultOptions = _pluginsGlobals.defaultOptions; var currDefaultOptions = _pluginsGlobals.defaultOptions;
if(newDefaultOptions === undefined) if(newDefaultOptions === undefined)
@@ -5311,6 +5319,15 @@
_pluginsGlobals.defaultOptions = FRAMEWORK.extend(true, { }, currDefaultOptions , _pluginsOptions._validate(newDefaultOptions, _pluginsOptions._template, true, currDefaultOptions)._default); _pluginsGlobals.defaultOptions = FRAMEWORK.extend(true, { }, currDefaultOptions , _pluginsOptions._validate(newDefaultOptions, _pluginsOptions._template, true, currDefaultOptions)._default);
}; };
/**
* Checks whether the passed instance is a non-destroyed OverlayScrollbars instance.
* @param osInstance The potential OverlayScrollbars instance which shall be checked.
* @returns {boolean} True if the passed value is a non-destroyed OverlayScrollbars instance, false otherwise.
*/
_plugin.valid = function (osInstance) {
return osInstance instanceof _plugin && !osInstance.getState().destroyed;
};
/** /**
* Registers, Unregisters or returns a extension. * Registers, Unregisters or returns a extension.
* Register: Pass the name and the extension. (defaultOptions is optional) * Register: Pass the name and the extension. (defaultOptions is optional)
@@ -5321,7 +5338,7 @@
* @param extension A function which generates the instance of the extension or anything other to remove a already registered extension. * @param extension A function which generates the instance of the extension or anything other to remove a already registered extension.
* @param defaultOptions The default options which shall be used for the registered extension. * @param defaultOptions The default options which shall be used for the registered extension.
*/ */
window[PLUGINNAME].extension = function(extensionName, extension, defaultOptions) { _plugin.extension = function(extensionName, extension, defaultOptions) {
var extNameTypeString = COMPATIBILITY.type(extensionName) == TYPES.s; var extNameTypeString = COMPATIBILITY.type(extensionName) == TYPES.s;
var argLen = arguments[LEXICON.l]; var argLen = arguments[LEXICON.l];
var i = 0; var i = 0;
@@ -5351,7 +5368,7 @@
} }
}; };
return window[PLUGINNAME]; return _plugin;
})(); })();
if(JQUERY && JQUERY.fn) { if(JQUERY && JQUERY.fn) {
js/jquery.overlayScrollbars.min.js
Vendored
+3 -3
View File
File diff suppressed because one or more lines are too long
package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name":"overlayscrollbars", "name":"overlayscrollbars",
"version":"1.8.0", "version":"1.9.0",
"description":"A javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.", "description":"A javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.",
"keywords":[ "keywords":[
"overlayscrollbars", "overlayscrollbars",