jQuery scroll down function not working

Question

I get the following error:

Uncaught TypeError: Cannot read property 'top' of undefined

$(document).ready(function() {
  $(function() {
    $('a[href*="#"]').on('click', function(e) {
      e.preventDefault();
      $('html, body').animate({
        scrollTop: $($(this).attr('href')).offset().top
      }, 500, 'linear');
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="scrollDown">
  <a href="#nextSection"><span></span>toliau</a>
</div>

You get that error because the #nextSection element doesn't exist, hence offset() is undefined, and trying to access a property of an undefined object gets you the error you're seeing. — Rory McCrossan
– Rory McCrossan, Commented Sep 11, 2017 at 10:18

Ghulam Mohayudin · Accepted Answer · 2017-09-11 10:19:58Z

1

Just change this line i hope it will work

 scrollTop: $($(this).attr('href')).offset().top

To this

  scrollTop: $(this).offset().top

answered Sep 11, 2017 at 10:19

Ghulam Mohayudin

1,11310 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user7110739 · Accepted Answer · 2017-09-11 10:24:09Z

1

$(document).ready(function() {
  $(function() {
    $('a[href*="#"]').on('click', function(e) {
      e.preventDefault();
      $('html, body').animate({
          scrollTop: $(this).offset().top
      }, 500, 'linear');
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="scrollDown">
  <a href="#nextSection"><span></span>toliau</a>
</div>

answered Sep 11, 2017 at 10:24

user7110739

2 Comments

Ghulam Mohayudin Over a year ago

Copied my answer what is the change

user7110739 Over a year ago

The difference between our answers is you have given change while i have given working output and if you believe that answer#copied than you can check my past answers i have given many answers on offset. BTW thank you for your down vote :-)

Collectives™ on Stack Overflow

jQuery scroll down function not working

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related