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


  • Content Count

  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    rharlow reacted to Robino in 7.1 Help with anchor links not scrolling.   
    Update #2
    Ok I got it working. This is how you add Smooth scrolling anchor links in Squarespace 7.1
    This works in all browsers including mobile.
    1. Insert this code in the HEADER CODE INJECTION
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script src="https://unpkg.com/smoothscroll-polyfill/dist/smoothscroll.min.js"></script>
    <script src="https://unpkg.com/smoothscroll-anchor-polyfill"></script>
    2. Insert this code in CUSTOM CSS
    html {
      --scroll-behavior: smooth;
      scroll-behavior: smooth;
    3. Create your anchor links.
    You will need to get the  PAGE SECTION ID for the section you would want to anchor to. It looks like this: #page-section-5e2799dfc3035b3cf9e9c4d6
    I have a hard time finding those IDs so what I do is right-click and inspect the section I want to anchor to and I do a search in the console and type: ID. Then you should be able to easily find all the page IDs.
    Once you have your page ID, you can create text links or buttons, whatever links you want and just put the # sign before the ID so it looks like this:  
    That's it - smooth scrolling in all browsers and mobile. Note that in Chrome it will smooth scroll to a CODE BLOCK when using regular CODE block DIV IDs but it won't work in SAFARI / iPHONEs Mobile. Only the #page-sectionIDs work in all browsers.
  2. Like
    rharlow reacted to Robino in Adding anchor links in 7.1   
    That doesn't work in 7.1 yet.
    What will happen with this code / solution is when you click the link it will load the section but it won't scroll down to it.
  3. Like
    rharlow reacted to DamonCameron in Video playback in full screen by default   
    Site URL: https://www.damoncameron.com/
    I'm wondering if there is a CSS work around to have each video playback in full screen by default once the play button is tapped? Rather than having to tap the 'full screen' button in the vimeo or youtube player which is clunky and unnecessary in this day and age.
    For mobile devices its pretty much essential for clean, impactful viewing.
    Many thanks
  • Create New...