Smooth scrolling anchor $ not defined

Asked Aug 01 '17 at 10:09

Active Aug 01 '17 at 10:11

Viewed 15 times

Jquery smooth scroll not working for my code. It jumps to the correct place, but does not scroll smoothly. Below is my codepen I have created, can anyone figure out what is wrong with it?

$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
    e.preventDefault();

    var target = this.hash;
    var $target = $(target);

    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 900, 'swing', function () {
        window.location.hash = target;
    });
});
});

https://codepen.io/anon/pen/BdKvva

Thanks

edited Aug 01 '17 at 10:11

RAUSHAN KUMAR

5,846
4
34
70

asked Aug 01 '17 at 10:09

RA19

1

works for me https://codepen.io/anon/pen/PKNVWZ – madalinivascu Aug 01 '17 at 10:11
2

You need to add jquery.js Try after adding https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js to settings in javascript of codepen – Kashyap Aug 01 '17 at 10:12
Thanks - what does this mean: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js – RA19 Aug 01 '17 at 10:16
1

@RA19 you need jquery library to run smooth scroll – Jigarb1992 Aug 01 '17 at 10:19

Smooth scrolling anchor $ not defined

0 Answers0