Author: kaspersor
Date: Tue Dec 23 07:15:55 2014
New Revision: 1647493

URL: http://svn.apache.org/r1647493
Log:
Made hash-links animate scroll

Modified:
    metamodel/site/trunk/content/index.html

Modified: metamodel/site/trunk/content/index.html
URL: 
http://svn.apache.org/viewvc/metamodel/site/trunk/content/index.html?rev=1647493&r1=1647492&r2=1647493&view=diff
==============================================================================
--- metamodel/site/trunk/content/index.html (original)
+++ metamodel/site/trunk/content/index.html Tue Dec 23 07:15:55 2014
@@ -11,14 +11,33 @@
        media="screen">
 <link href="css/prettify-metamodel.css" rel="stylesheet" type="text/css"
        media="screen" />
-<link href="css/metamodel.css" rel="stylesheet" type="text/css"
+<link href="css/metamodel.css?v=2" rel="stylesheet" type="text/css"
        media="screen">
 
 <script type="text/javascript"
        src="js/google-code-prettify/run_prettify.js?skin=desert"></script>
 <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
 <script type="text/javascript" src="js/bootstrap.min.js"></script>
+<script type="text/javascript">
+//<![CDATA[
+$(document).ready(function() {
+       $('a[href^="#"]').on('click', function(e) {
+               // animate hash based anchors
+               e.preventDefault();
 
+               var target = this.hash, $target = $(target);
+
+               $('html, body').stop().animate({
+                       'scrollTop' : $target.offset().top
+               }, 900, 'swing', function() {
+                       // do nothing, forget the hash
+
+                       // window.location.hash = target;
+               });
+       });
+});
+//]]>
+</script>
 </head>
 
 <body data-spy="scroll" data-target="#nav-metamodel">
@@ -34,8 +53,7 @@
                                                class="icon-bar"></span> <span 
class="icon-bar"></span> <span
                                                class="icon-bar"></span>
                                </button>
-                               <a class="navbar-brand" style="padding: 0px" 
href="/"> </a> <a
-                                       class="navbar-brand" href="#">Apache 
MetaModel</a>
+                               <a class="navbar-brand" href="/">Apache 
MetaModel</a>
                        </div>
 
                        <div id="navbar" class="collapse navbar-collapse">


Reply via email to