i have bootstrap nav bar

<nav id="x" class="navbar navbar-expand-lg navbar-light">

when i scroll i add this calss

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150;
}

my problem is: when I have the sticky class and press on the encore point it gose to the correct position when i am all the way to the top I don't have the sticky class and the anchor point is passing the position is there anything i can do? I cant pot the sticky class all the time because the iframe under it i don't have this problem on large screens only in mobile and tablets