TypeError jQuery offset().top is undefined

Question

The Firefox debugger is showing a TypeError for a jQuery function aimed at sticking a navbar to the to the top of the page when a user scrolls and updating the class at the same time.

The function is below.

$(window).scroll(function() {
    if ($(".navbar").offset().top>30) {
        $(".navbar-fixed-top").addClass("sticky");
    }
    else {
        $(".navbar-fixed-top").removeClass("sticky");
    }
});

The resulting error is this.

Timestamp: 31/01/2014 10:01:04

Error: TypeError: $(...).offset(...) is undefined

I have looked about on SO for a similar example but can not translate the outcomes into a fix. Any help would be greatly appreciated.

Is it the element your are getting the offset displayed? – MarcoL Jan 31 '14 at 10:30 — MarcoL, Jan 31 '14 at 10:30
Where is the relevant HTML markup? – Sparky Aug 11 '15 at 22:08 — Sparky, Aug 11 '15 at 22:08

score 42 · Accepted Answer · answered Oct 17 '14 at 18:13

42

It 's because your $(".navbar") cannot be found. Check if the element exist before getting offset.

if ($(".navbar").length) {...}

answered Oct 17 '14 at 18:13

user3709748

544
6
5

1

Or if the object is not visible also it return undefined – Mar 31 '17 at 13:19
Try using an ID instead. – Josh Jul 12 '17 at 13:23

score 2 · Answer 2 · answered Jan 01 '21 at 09:50

2

it work for me like this

$('.custom-scrollbar').animate({
    scrollTop: $('a.sidebar-link.sidebar-title.active').offset.top - 200
}, 1000);

offset without ()

answered Jan 01 '21 at 09:50

Abdo Amghar

21
1

TypeError jQuery offset().top is undefined

2 Answers2

Linked

Related