Anchor tags problem: scrolls where the anchor is but make everything disappear

charlottevard

Hello!
I have a problem with my anchor tags. I'm a bit lost here because it used to work and I realized about one month ago that it doesn't work anymore but I didn't change anything...

You can have a look at my website: charlottevard.com

It's my portfolio. I wanted to have every projects on the same page and to be able to click on the titles on the bottom left to scroll directly to the right project. It used to work perfectly with this technique: giving an ID to every carousel (for example >clicking right on it > edit HTML class and id > id: pompier) and then adding a link to each project title (for exemple > add link to "7/ Pompier" > link: #pompier)

I disabled the links so you can't try but if I click on it, it scrolls to the right portion of the page but all the images and the bottom left text disappear and the buttons of my menu doesn't work anymore (except instagram and behance with open in another page).

It's does the same whether I'm using Safari or Chrome.
Anyone has an idea of why it stopped working?

Thanks!

mariusjopen

Dear @charlottevard
can you duplicate the site where the buggy scroll-to is still active?
It is easier to have a look then.

Thank you!

Marius

charlottevard

Hi ! Sorry for the late reply...
You can have a look at http://charlottevard.com/homanchors
I did it on the projects 1-4. As you can see, when clicking on the link it goes to the right portion of the page but everything disappear.

I really don't know why it's happening since it was working well when I first used this technique last year (it worked from june to october).

Thanks for the help!