Scroll to scrolls to top and not away from page

Scroll to scrolls to top and not away from page

I have installed the scrollto plugin which works fine. 

The problem I have now is that when I click on an external link i.e http://google.com it just ignores it and scrolls to the top of my page instead?



  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  7. <title>Manoucher Products</title>

  9. <link href="style.css" rel="stylesheet" type="text/css" />
  10. <link href="sidemenu.css" rel="stylesheet" type="text/css" />



  14.    <!--[if IE]>
  15.         <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  16.         
  17.         <style type="text/css">
  18.         .clear {
  19.           zoom: 1;
  20.           display: block;
  21.         }
  22.         </style>

  24.         
  25.         <![endif]-->

  27. </head>

  29. <body >

  31.      <section id="page"> <!-- Defining the #page section with the section tag -->
  32.     <div class="scroll"></div>

  34.             <header> <!-- Defining the header section of the page with the appropriate tag -->
  35.             
  36.                 <hgroup>

  38.                 </hgroup>
  39.                           
  40.             
  41.             </header>
  42.             
  43.             <section id="articles"> <!-- A new section with the articles -->

  49. <div id="sidebar">
  50. <nav id="rightsidemenu" class="clear"> <!-- The nav link semantically marks your main site navigation -->
  51. <ul id="buts">
  52.    <li><a href="/#1" class="but_home"></a></li>
  53.   <li><a href="#1" class="but_history"></a></li>
  54. <li><a href="/products" class="but_products"></a></li>
  55. <li><a href="/news/news.html" class="but_news"></a></li>
  56. <li><a href="http://manoucher.net/commingsoon/shopsoon.html" class="but_shop"></a></li>
  57. <li><a rel="shadowbox" href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=manoucher+foods&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=53.432436,79.013672&amp;ie=UTF8&amp;hq=manoucher+foods&amp;hnear=&amp;ll=43.72854,-79.526255&amp;spn=53.30452,112.5&amp;z=4&amp;iwloc=A&amp;cid=7380407805238199153&amp;output=embed" class="but_find"></a></li>
  58. <li><a href="/contact" class="smcf-link"></a></li>
  59. <li><a href="/blog" class="but_talk"></a></li>
  60. <li><a href="#8" class="but_gallery"></a></li>
  61. </ul>
  62. </nav>
  63. </div>
  70. <article id="article_products">

  72.   <p><img src="products-home.jpg" alt="" align="middle" /></p>

  74. </article>

  76. <article id="article_breads">
  77.  
  78.   

  80.   <p> <img src="ourbreads.jpg" alt="" align="middle" />
  81.  <div id="more_pizza">  
  82.   <li><a class="morebutton" href=""></a></li>
  83.   </div>
  84.   </p>
  85. </article>

  87. <article id="article_pizzas">
  88.   <p> <img src="ourpizzas.jpg" alt="" align="middle" />
  89.   <div id="more_bread">
  90.   <li><a class="morebutton" href=""></a></li>
  91.   </div>
  92.     </p>
  93. </article>

  95. <article id="article_other">
  96.   <p> <img src="otherproducts.jpg" alt="" align="middle" /></p>
  97. </article>

  99.             </section>

  101.         <footer> <!-- Marking the footer section -->
  102.               
  103.  <nav id="footernav" class="clear"> <!-- The nav link semantically marks your main site navigation -->
  104.                     
  105.                         <a id="breadimglink" href="#article_breads">Breads</a>
  106.                         <a id="pizzaimglink" href="#article_pizzas">Pizzas</a>
  107. <a id="otherimglink" href="#article_other">Other</a>
  108.                     
  109.                 </nav>
  111.            <a href="#" class="up">Go UP</a>        
  112. <p>Copyright 2011 - manoucher.com</p> <!-- Change the copyright notice -->
  113.         </footer>
  114.             
  115. </section> <!-- Closing the #page section -->

  117.    <!-- JavaScript Includes -->
  118.         
  119.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  120.         <script src="jquery.scrollTo-1.4.2/jquery.scrollTo.js"></script>
  121.         <script src="script.js"></script>
  122. <script type='text/javascript' src='js/resolution-test.js'></script>

  126. <!-- JavaScript Fade Menu -->
  127. <script type="text/javascript">
  128. $(document).ready(function() {
  129. $('.but_home,.but_history,.but_products,.but_news,.but_shop,.but_find,.smcf-link,.but_talk,.but_gallery').append('<span class="hover"></span>').each(function () {
  130.   var $span = $('> span.hover', this).css('opacity', 0);
  131.   $(this).hover(function () {
  132.     $span.stop().fadeTo(500, 1);
  133. }, function () {
  134.   $span.stop().fadeTo(500, 0);
  135.   });
  136. });
  137. });
  138. </script>
  144. </body>



  148. </html>

    • Topic Participants

    • alan