jQuery

【jQuery】要素の上に追加のスクロールバーを表示するためのプラグインDoubleScroll

November 2, 2018
jQuery DoubleScroll Plugin

jQuery DoubleScroll Pluginは要素の上に追加のスクロールバーを表示するための簡単なjQueryプラグインです。

Usage

$(document).ready(function() {
   $('.double-scroll').doubleScroll();
});

Options

{
	contentElement: undefined, // Widest element, if not specified first child element will be used
	scrollCss: {                
		'overflow-x': 'auto',
		'overflow-y': 'hidden'
	},
	contentCss: {
		'overflow-x': 'auto',
		'overflow-y': 'hidden'
	},
	onlyIfScroll: true, // top scrollbar is not shown if the bottom one is not present
	resetOnWindowResize: false // recompute the top ScrollBar requirements when the window is resized
}
  1. contentElement
  2. scrollCss
  3. contentCss
  4. onlyIfScroll
  5. resetOnWindowResize