Cannot read property 'top' of undefined

Question

Trying to get the page to scroll to an anchor and I'm getting this error. Cannot read property 'top' of undefined Right now I have my JS like the following... ``` //scroll to section process page function scrollToAnchor(aid){ var aTag = $("div[name='"+ aid +"']"); $('html,body').animate({scrollTop: aTag.offset().top},'slow'); } $("li.menu-item-141 a").click(function() { scrollToAnchor('#philosophy-page'); }); ``` Here is my HTML... ```

Philosophy

``` Any help would be great! Thank you!

Accepted Answer

replace

```
scrollToAnchor('#philosophy-page');
```

by

```
scrollToAnchor('philosophy-page');
```

Remember you use the `name` to find the `a` element:

```
var aTag = $("div[name='"+ aid +"']");
```

jQuery cannot find an element named `#philosophy-page`

Cannot read property 'top' of undefined

Solution

Problem