Section manager is a free open tool for manage the dom like a magazine or a book it's easy to use and implement.
to use SectionManager in our app you need to import the files SectionManager.min.js and SectionManager.min.css from dist folder into your webapp.
<!-- Inside head tag -->
<link rel="stylesheet" href="./sectionManager.min.css">
<!-- Put it on the end of the body tag -->
<script src="./sectionManager.min.js" type="text/javascript"></script>
then you have to create two principal content divs in the page.
<div class="main-container">
<div class="sub-container">
Some <articles> here...
</div>
</div>
for create the pages of our magazine or book we have to create one div with the following classes
Class | Description |
---|---|
main-container | first container for add custom things like different controlls or info |
sub-container | contains all the articles to scroll |
<div class="main-container">
<div class="sub-container">
<article>
one
</article>
<article>
two
</article>
<article>
three
</article>
</div>
</div>
in order to generate the files(sectionManager.min.js and sectionManager.min.css) you need to follow this commands
sudo npm install
install all the dependencies from package.json and then use this one.
gulp
Coming soon...