Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Smooth CSS movement problem [SOLVED]
#1
Hi guys, i'm trying to include a simple JQuery smooth movemente for anchor link, in my website with get simple.
I have convert a static page to a theme, it's strange my problem is this.

In the heaer i have add:


PHP Code:
       <script src="<?php get_theme_url(); ?>/js/jquery-1.4.1.min.js"></script> 


In order to include Jquery library.

In the template i have add this:


Code:
<script type="text/javascript">
   $('a[href*=#]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
 && location.hostname == this.hostname) {
 var $target = $(this.hash);
 $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
 if ($target.length) {
 var targetOffset = $target.offset().top;
 $('html,body').animate({scrollTop: targetOffset}, 1000);
 return false;}
 }
});
</script>


And in the CMS in the backend page WYSIWYG editor i have this:


Code:
<p><a href="#anchorlink">Go to anchor link</a> ...</p>

<h2><a name="anchorlink"></a>Section</h2>
<p>More contents bla bla bla</p>

In a static HTML page this work, but in my website no... go to the lin without smooth effect.

Where's the problem?

I use:
Xampp Local Server 1.8.3-4
OSX Mac
Browser: Firefox 43.04
Get simple version 3.3.2

Best
Lakaroth
Thank you.
Reply


Messages In This Thread
Smooth CSS movement problem [SOLVED] - by lakaroth - 2016-01-20, 03:45:07
RE: Smooth CSS movement problem - by lakaroth - 2016-01-20, 04:09:48



Users browsing this thread: 2 Guest(s)