Scroll to center of the page
Hello, I'm using this code to move scroll to the horizontal center when entering website.
Opera,FF,IE,Chrome,Safari
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
h1{width:5000px;text-align:center;display:block;}
div{display:inline-block;width:200px;border:1px solid #000;text-align:center;}
.transp{background-color:transparent;}
.or{background-color:Darkorange;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
window.scrollTo(($(document).width()-$(window).width())/2,0);
});
</script>
</head>
<body>
<h1>LEFT <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="or">CENTER</div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> <div class="transp"> </div> RIGHT</h1>
</body>
</html>
use [code]YOUR CODE GOES HERE or burn in Hell
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Rules
Reply With Quote
Bookmarks