Web Analytics Made Easy -
StatCounter Resurecting Problems with jQuery.ScrollTo - CodingForum


No announcement yet.

Resurecting Problems with jQuery.ScrollTo

  • Filter
  • Time
  • Show
Clear All
new posts

  • Resurecting Problems with jQuery.ScrollTo


    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.

    <!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">
        <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>
    <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 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">
            	<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>
        </div><!--end nav-->
    Here is the JS for only one of the nav links.

    	$(document).ready(function() {
    		/*scrollTo, target, duration, settings*/
    		$('#proj').scrollTo('#projectsp1', 3000, {axis:x}, {easing:elasOut});
    is this even close?

    Or if there is an easier plugin, I am open to it!

    Thank you so much!!
    Lisa Rose