Tweet
Resurecting Problems with jQuery.ScrollTo
Hi,
I read the entire previous post about problems with scrollTo and I am still in the dark.
OK, I am a newbie. I have played in some jQuery but never had this much trouble.
Here's the HTML only thru the nav div. The nav is fixed along bottom of the window.
Here is the JS for only one of the nav links.
is this even close?
Or if there is an easier plugin, I am open to it!
Thank you so much!!
Lisa Rose
I read the entire previous post about problems with scrollTo and I am still in the dark.
OK, I am a newbie. I have played in some jQuery but never had this much trouble.
Here's the HTML only thru the nav div. The nav is fixed along bottom of the window.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="The portfolio of project manager, web designer, developer and photographer Lisa Reisman, a BFA Web Design and Interactive Media from the Art Insitute of Atlanta seeking freelance or permanent employment in the Greater Atlanta, Georgia area.">
<meta name="keywords" content="Lisa Reisman, project manager atlanta, website design, web designer atlanta, web developer atlanta, photography, xhtml, html, css, standards compliant websites">
<title>Lisa Reisman - Project Managing Web Designer</title>
<link rel="stylesheet" type="text/css" href="portfolio.css">
<link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-min.js" type="text/javascript"></script>
<script src="js/jquery.localScroll.js" type="text/javascript"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
</head>
<body class="">
<div id="wrapper">
<div id="home">
<div id="header">
<img id="logo"src="img/home-headLogo.png" alt="Lisa Reisman logo" />
<img id="tag" src="img/home-projManaging.png" alt="Project Managing Web Designer" />
<h2>I am a project manager with a great creative flair.</h2>
</div>
<div id="words">
<img id="driven" src="img/home-passion.png" alt="Passionate becomes Driven" />
<img id="capitan" src="img/home-leader.png" alt="Leader becomes El Capitan" /><br />
<img id="together" src="img/home-organized.png" alt="Organized becomes Has it Together" />
<img id="collab" src="img/home-team.png" alt="Team player becomes The Collaborator" /><br />
<img id="incite" src="img/home-motivate.png" alt="Motivate becomes Incite" /><br />
<a class="scroll right" href="#projects"><img id="right" src="img/arrowRt.png" alt="Navigate right arrow" /></a>
<h1>No mincing words.</h1>
</div><!--end words-->
</div><!--end home-->
<div id="nav">
<ul>
<li id="proj"><a href="#projectsp1">Wild Adventures</a></li>
<li id="aboot"><a class="scroll" href="#about">True Confessions</a></li>
<li id="res"><a class="scroll" href="#resume">What I Know How to Do</a></li>
<li id="resource"><a class="scroll" href="#resources">Secret Weapons</a></li>
<li id="shout "><a href="#contact">Shout Out</a></li>
</ul>
</div><!--end nav-->
Code:
$(document).ready(function() {
/*scrollTo, target, duration, settings*/
$('#proj').scrollTo('#projectsp1', 3000, {axis:x}, {easing:elasOut});
});
});
Or if there is an easier plugin, I am open to it!
Thank you so much!!
Lisa Rose