smyld-lib-scroll-visible
Version:
Library that detects the elements when they are finally visible via scrolling
23 lines (20 loc) • 980 B
HTML
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Testing The Scroll Function</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src='https://cdn.jsdelivr.net/npm/smyld-lib-scroll-visible@1.0.0/main.min.js'></script>
</head>
<body>
<div id="smyld" class="nameDiv" style="top:2200px;" shown="showText">Welcome to</div>
<div id="smyld" class="nameDiv" style="top:2300px;" shown="showText">SMYLD Company</div>
<div id="part1" class="basicDiv" style="left:650px;top:2500px;" shown="showLogo"><img src="images/smyld_200.png"></div>
<!--
<div id="part1" class="testDiv" style="top:2700px;" shown="showEl">I am there</div>
<div id="part1" class="testDiv" style="top:3000px;right:0px;" shown="showEl1">I am there</div>
-->
</body>
</html>