Smooth scroller jquery need help.
Permalink
Hi
I will make my site to a one page web site . With the jquery "http://pagescroller.com/"
I have downloaded the file and have this instaled with the instruction.
1. Put the jquery in the scripts by my thmen "/packages/cannonf700_innovation/themes/innovation/scripts/"
2. In the header of the themen put this code "<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="<?php echo $this->getThemePath()?>/scripts/jquery.pagescroller.lite.js"();></script
<script type="text/javascript">
$(document).ready(function(){
// initiate page scroller plugin
$('body').pageScroller.lite({
navigation: '#nav'
});
});
</script>"
3. In the css i creat a new nav . the side nav you can see herewww.www.db-biuro.nazwa.pl/koparko-ladowarki/index.php...
4. Put the nav in c5 with the link footer . And the link is good but i dont have a smooth scroll effect in my page.
Can anyone help me?
sorry for my language:)
I will make my site to a one page web site . With the jquery "http://pagescroller.com/"
I have downloaded the file and have this instaled with the instruction.
1. Put the jquery in the scripts by my thmen "/packages/cannonf700_innovation/themes/innovation/scripts/"
2. In the header of the themen put this code "<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="<?php echo $this->getThemePath()?>/scripts/jquery.pagescroller.lite.js"();></script
<script type="text/javascript">
$(document).ready(function(){
// initiate page scroller plugin
$('body').pageScroller.lite({
navigation: '#nav'
});
});
</script>"
3. In the css i creat a new nav . the side nav you can see herewww.www.db-biuro.nazwa.pl/koparko-ladowarki/index.php...
4. Put the nav in c5 with the link footer . And the link is good but i dont have a smooth scroll effect in my page.
Can anyone help me?
sorry for my language:)
Hmmm i have delete this but its not going.
My menu have this code ,
I dont understand how can this work this menu and the jquery ...
My menu have this code ,
<div id="nav" class="pageScrollerNav standardNav right dark"> <ul> <li><a href="#footer">footer</a></li> <li><a href="#">Link 2<br /></a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </div>
I dont understand how can this work this menu and the jquery ...
Hm i think i have to many scripts in header. Can anyone help me?
and my menu at the site is .
Bud i think its not smooth scrolling :) i mega smoth scrolling and i dont can see this :{ help me.
<html lang="en"> <head> <meta name="google-site-verification" content="pD-X4nueh2U1ciX80F1TsYPP-mXVoGn-04-DVF1oDo4" /> <!-- Site Header Content //--> <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('main.css')?>" /> <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>"/> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="<?php echo $this->getThemePath() ?>/scripts/jquery.pagescroller.js" type="text/javascript"> </script> <script type="text/javascript"> $('#wrapper').pageScroller({ navigation: '#nav', scrollOffset: -50 });</script> <script type="text/javascript"> $(document).ready(function(){
Viewing 15 lines of 31 lines. View entire code block.
and my menu at the site is
<div id="nav" class="pageScrollerNav standardNav right dark"> <ul> <li><a href="#footer">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </div>
Bud i think its not smooth scrolling :) i mega smoth scrolling and i dont can see this :{ help me.
HI evryone
I have this smooth scrool :)
past this in <head> section
And you have a smooth scroll on your page :)
Thx
I have this smooth scrool :)
past this in <head> section
<script type="text/javascript"> $(document).ready(function() { function filterPath(string) { return string .replace(/^\//,'') .replace(/(index|default).[a-zA-Z]{3,4}$/,'') .replace(/\/$/,''); } var locationPath = filterPath(location.pathname); var scrollElem = scrollableElement('html', 'body'); $('a[href*=#]').each(function() { var thisPath = filterPath(this.pathname) || locationPath; if ( locationPath == thisPath && (location.hostname == this.hostname || !this.hostname) && this.hash.replace(/#/,'') ) {
Viewing 15 lines of 47 lines. View entire code block.
And you have a smooth scroll on your page :)
Thx
Remove the jquery script tag you have included yourself, and this may be the problem. Including it twice usually screws things up.
Hope that helps!