Skip to content

Latest commit

 

History

History
31 lines (20 loc) · 910 Bytes

README.md

File metadata and controls

31 lines (20 loc) · 910 Bytes

MTV Horizontall Scroll

A simple lightweight horizontal Vanilla js script

Features

  • Full width horizontal scroll for html container

How to use

Examples

add in head tag if you download the files

<link href="assets/css/mtv_h_style.min.css">
<script src="assets/js/mtv_h_script.js"></script>

add in head tag if you get the online version

<link href="https://cdn.jsdelivr.net/gh/Motivar/mtv-h-scroll@main/assets/css/mtv_h_style.min.css">
<script src="https://cdn.jsdelivr.net/gh/Motivar/mtv-h-scroll@main/assets/js/mtv_h_script.js"></script>

add the class "mtv-h-hzl-carousel" in the container you wish to make horizontal the following properites

<div class="mtv-h-hzl-carousel" mtv-h-scroll-item="the dom elements inside" mtv-h-scroll-arrows="top|center|bottom|none" mtv-h-scroll-min-items="the minimum number of items to create the scroll 0|1|...">