Scroll Activated Slide Down Header

[hhcj]

Hello,

 

I want my page to display a header alternative when scrolling down. As in this page

 

http://www.saveur-biere.com/fr/

 

I followed this tutorial

 

http://return-true.com/2010/04/scroll-activated-slide-down-header-with-jquery/

 

But show me this error

 

Fatal error: Uncaught exception 'SmartyCompilerException' with message 'Syntax Error in template "******/header.tpl" on line 38 "bar.stop().animate({'top' : '0px'}, 500);" - Unexpected " : ", expected one of: "}" , " "' in ********/tools/smarty/sysplugins/smarty_internal_templatecompilerbase.php:627

 

Can anyone help me with this error or tell me how I can make the modification to display a header alternative when scrolling down.

[NemoPS]

Hi there,

You have to wrap you JS into a CDATA statement, otherwise it will conflict with smarty.

Alternatively, wrap it inside a {literal}{/literal}

 

Lastly, you can also place your JS code in a separate file and avoid the above;)