CoCreate-overlay-scroll

CoCreate-overlay-scroll javascript component. Easy configuration using HTML5 attributes or Javscript api and highly styleable.

Install

npm i @cocreate/overlay-scroll

Or you can use cdn link:

<script>https://cdn.cocreate.app/overlay-scroll/latest/CoCreate-overlay-scroll.min.js</script>

Usage

CoCreate-overlay-scroll would hide the native scrollbars, and render the overlay scrollbars by attributes, and provide the features including dragable, clickable, scrollable.

Example

							
								<div class="co_overlay-scroll dark-mode"
									data-overlay-scroll_type="scrollX;scrollY"
									data-overlay-scroll_visible="auto"
									data-overlay-scroll_pos="bottom;left"
									style="width:300px;height:300px">
									<img src="https://mdbootstrap.com/img/Photos/Others/img%20(44).jpg"/>
								</div>
							
						

Classes


Attributes

How Does It Works

CoCreate-overlay-scroll works based on cocreate.js and template.

Effects and Styles

Events

fetchedData

Demo