---
title: "Jumping to an anchor on page"
slug: "jumping-to-an-anchor-on-page"
updated: 2024-01-11T20:03:36Z
published: 2024-01-11T20:03:36Z
canonical: "support.bookingtimes.com/jumping-to-an-anchor-on-page"
excludeFromSearch: true
excludeFromExternalSearch: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.bookingtimes.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Jumping to an anchor on page

To jump/scroll to an anchor on a page you must use javascript. This allows you to account for the height of the header.

### Step 1: Add an ID to the element you’d like to jump/scroll to

```xml
 <div id="scroll-id"><p>My Element!</p></div>
```

### Step 2: Add the ID to your link

```xml
<a href="#scroll-id">Click to Scroll<a/>
```

### Step 3: Add the “scroll_to” class to your link

```xml
<a href="#scroll-id" class="scroll_to">Click to Scroll<a/>
```

### Step 4: Add the following javascript to the bottom of the website footer

```javascript
<script>
        $(function () {
            $('a.scroll_to ').click(function (e) {
                e.preventDefault();
                var target = $(this.hash);
                $('html, body').animate({
                    scrollTop: target.offset().top - 150 // scroll to id minus approx. height of header
                }, 10);
                return false;
            });
        });
    </script>
```