javascript scrolling

MF Scroll Indicators function

This function allows developers to call to add scroll indicators to the container, resulting in up/down indicators when the function detects that rows are out of view.

Indicators are automatically added to any element with the class mf-scroll-indicated, or you can call _mfScrollIndicator.addScrollHint(elem) to point to specifics.

Pre-requisites:

The function requires the .css file included, and the font material-icons to work.

Implementation

html

<link rel='stylesheet preload prefetch' as='style' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
<link rel='stylesheet preload prefetch' as='style' href='https://methodfish.com/Download/MFScrollIndicators/files/latest/css/mf-scroll-indicators.css'>
<script src='https://methodfish.com/Download/MFScrollIndicators/files/latest/js/mf-scroll-indicators.js'></script>

js ::  auto-detect any tables with the class .mf-scroll-indicated

// _mfScrollIndicator.initScrollHints(); - this is run automatically when the .js file is loaded

js ::  point the class to specific elements

_mfScrollIndicator.addScrollHint(document.querySelector('#myTable1'));
_mfScrollIndicator.addScrollHint(document.querySelector('#myTable2-container'));

MF Scroll Indicators function

Pre-requisites:

Implementation

About

License

Latest Release

Download MFScrollIndicators Release

MF Scroll Indicators function

Pre-requisites:

Implementation

About

License

Latest Release

Download MFScrollIndicators Releaseclear

Download MFScrollIndicators Release