andros/FFNM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add is-scroll-up. Update test. Update version 1.5.0

Browse Source
This commit is contained in:
Andros Fenollosa
2020-12-22 11:00:48 +01:00
parent 2b9eedbdd0
commit 136dc60db0
6 changed files with 90 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
test/is-scroll.html
View File

@ -15,6 +15,22 @@
transition: 1s;
transform: translateY(10rem);
}
.top {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 5rem;
color: white;
background: red;
transition: 1s;
transform: translateY(-10rem);
display: flex;
justify-content: center;
align-items: center;
}
.show {
transform: translateY(0);
}
@ -22,6 +38,7 @@
</head>
<body>
<nav is-scroll-down="class:remove('show')" is-scroll-up="class:add('show')" class="nav" id="nav">Mi nav</nav>
<div is-scroll-top="class:add('show')" class="top show">You is top page</div>
<p is-scroll-down="class:toggle('ala')">
Ullamcorper morbi tincidunt ornare massa, eget egestas purus viverra accumsan in nisl nisi, scelerisque eu ultrices. Sapien et ligula ullamcorper malesuada proin libero nunc, consequat interdum varius sit amet, mattis.
</p>