a function to check if a certain element is scrollable, but is NOT showing scrollbars. Useful to use as a test for when you might want to implement another scrolling solution, such as iScroll for iPad.

isItScrollableWithoutVisibleScrollbars.js

var isItScrollableWithoutVisibleScrollbars = function(el) {
	if (el === null) {
		return false;
	}
	var isScrollable = false;
	var hasScrollbars = false;
	// first, lets find out if it has scrollable content
	isScrollable = el.scrollHeight > el.offsetHeight ? true : false;
	// if it's scrollable, let's see if it likely has scrollbars
	if (isScrollable) {
		hasScrollbars = (el.offsetWidth > el.scrollWidth) ? true : false;
	}
	if (isScrollable && !hasScrollbars) {
		return true;
	} else {
		return false;
	}
};

test.js

// example usage

if ( isItScrollableWithoutVisibleScrollbars(plwrap) ) {
	playlistScroll = new iScroll('playlist');
}

@federicoleandroc you should release that as an npm package. "is-scrollable"?

@federicoleandroc you should release that as an npm package. "is-scrollable"?

+1

+1