Login   Register  
Icontem

File: scrolltop.html

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of MarPlo  >  Dynamic Button to Scroll to Page Top  >  scrolltop.html  >  Download  
File: scrolltop.html
Role: Example script
Content type: text/plain
Description: Test pae
Class: Dynamic Button to Scroll to Page Top
Add a link dynamically to scroll to the page top
Author: By
Last change:
Date: 2013-01-23 01:27
Size: 1,110 bytes
 

Contents

Class file image Download 
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Dynamically Button for Scrolling to Top Page</title>
<style>
body, html {
 margin: 0 auto;
 padding: 0;
 text-align: center;
}
#cnt { height: 1234px; }
</style>
<link href="scrtop/scrolltop.css" rel="stylesheet" type="text/css" />
</head>
<body>

<h2>Dynamically Button for Scrolling to Top Page</h2>
<sup>From: <a href="http://coursesweb.net/javascript/" title="JavaScript / jQuery Course">JavaScript / jQuery Course</a></sup><br/><br/><br/>
JS script to add Dynamically a Button in web page to Scroll to Top. The button is displayed only when the user scrolls the page down, more than window height.<br/>
The button is removed when vertical scroll-bar position is less then browser's height.<br/><br/><br/>
 &bull; <b>Scroll the page down to see the result</b>.
<div id="cnt">...</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
Free courses, games and anime: <a href="http://www.marplo.net/">www.marplo.net</a><br/><br/>

<div id="sttop"></div>
<script type="text/javascript" src="scrtop/scrolltop.js"></script>
</body>
</html>