Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Scroll to anchor jumps back to wrong section


Question

Hello, I am building  a single page website where I have added a custom navigation to the top with anchor links that make the page scroll to their specific section.

Everything works fine except the third and last link, supposed to send you to the contact form, last section before the footer.
When clicked it scrolls to the wrong place, on a section before the correct one. It goes to the right spot just on the second click.

I have tried with 3 different coding solutions, all involving jQuery and they all behave the same way. 

Any idea why this could be happening?

Thanks 🙂

Link to comment
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

7 answers to this question

Recommended Posts

  • 0
20 hours ago, erikabarichello said:

Hello, I am building  a single page website where I have added a custom navigation to the top with anchor links that make the page scroll to their specific section.

Everything works fine except the third and last link, supposed to send you to the contact form, last section before the footer.
When clicked it scrolls to the wrong place, on a section before the correct one. It goes to the right spot just on the second click.

I have tried with 3 different coding solutions, all involving jQuery and they all behave the same way. 

Any idea why this could be happening?

Thanks 🙂

What is your site url

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
12 hours ago, erikabarichello said:

Hi @bangank36, this is the link: https://dms-music-education.squarespace.com

pass: dms21

The problem is with the "contact" link.

I really don't know what to do anymore, I've even duplicated the website and put all the elements within the same section, it behaves the same. 🥲🥲🥲

It looks like contact link works here. Did you solve problem?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

Have you solved it yet?

and do you need to solve these?

Site URL: https://dms-music-education.squarespace.com/

1. (Desktop – Homepage) Scroll bar at bottom of the page

dms-music-education.squarespace.com-01-m

2. (Desktop – Homepage) There is a rectangle on left of screen

dms-music-education.squarespace.com-02-m

3. (Mobile/Tablet – Homepage)  Image disappear

dms-music-education.squarespace.com-04-m

4. (Mobile – Homepage) Want to make 2 icons/row

dms-music-education.squarespace.com-04-m

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

Hi, no, I still have to solve the problem... I created a copy of the website where I have tested at least 4 different solutions (3 in jQuery only) and one following a post here on the forum. They all behave the same way, with only the last link working weirdly...

I kept the solution that seems working slightly better.... but the problem with the last section persists on mobile...

here's the copy of the website: https://bison-seadragon-lw9j.squarespace.com
pass: 1234

the title of the last section hides underneath the navigation bar (which is yellow and a little transparent for testing reasons...)

I can share the code I am using if anybody thinks it might help.

 

Thank you!

 

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...