Joomla Templates Club 406,261 posts

[Minion Friend MinionJoin date: March 2009Posts: 57Downloads:93Uploads:15 Thanks: 4 Thanked: 8 times in 1 posts]

#825884

Hi, In HP my website I use link with anchor, but on the linked page my fixed menu hide my div with anchor and (maybe) javascript move div down?

A. link on HP:
bottom map click on any action (e.g. http://www.ceria.easysoftware.cz/akce/261-seminar-welness-gastronomie-mezirici#registerform)
B. Then look at my form without title 🙁

I tried some tricks:

1. add span with anchor before my div and add css:

.anchor{
  display: block;
  height: 80px; /*same height as header*/
  margin-top: -80px; /*same height as header*/
  visibility: hidden;
}

1. add javascript before

   
   jQuery(document).ready(function() {
   jQuery( 'a' ).click(function() {
   var href = jQuery(this).attr('href');
   var arr=href.split('#');
   var target='a[name="'+arr[1]+'"]';
   jQuery('html, body').animate({ scrollTop:jQuery(target).offset().top - 60 },'slow');
   });
   });
   </script>
   <script language="javascript" type="text/javascript">
   jQuery(document).ready(function() {
   var hash = jQuery(location).attr('hash');
   if( hash !== undefined ) {
   var arr= hash.split('#');
   var target='a[name="'+arr[1]+'"]';
   jQuery('html, body').animate({ scrollTop:jQuery(target).offset().top - 60 },'slow');
   }
   });
   &lt;/script&gt;

   but all my tricks is wrong 🙁

Can You help me?

Thanks

Rudolf

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#826389

Hi @pinochico,

Please let me know which file did you put the JS code and provide a temporary FTP account via private reply so I can check the code for you.

[Author]

Posts