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

Robino

Member
  • Content Count

    9
  • Joined

  • Last visited


Reputation Activity

  1. Thanks
    Robino got a reaction from DPruitt 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:  
    #page-section-5e2799dfc3035b3cf9e9c4d6
    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
    Robino got a reaction from DVC-Billy in Adding anchor links in 7.1   
    Hi Christian - I found a way to make smooth scrolling work on my 7.1 website. It's still in construction and can't share but here' s how I achived it.
    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:  
    #page-section-5e2799dfc3035b3cf9e9c4d6
    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.
  3. Like
    Robino got a reaction from MTM_emi 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.
  4. Haha
    Robino got a reaction from todd-y in 7.1 Help with anchor links not scrolling.   
    Update - just chatted with support and the agent said that anchor links are not supported in 7.1
    It's strange, such a basic functionality.
    If anyone know of a workaround please share, thx very much
  5. Thanks
    Robino got a reaction from dnmddy 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:  
    #page-section-5e2799dfc3035b3cf9e9c4d6
    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.
  6. Like
    Robino got a reaction from ExpansiveMedia 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:  
    #page-section-5e2799dfc3035b3cf9e9c4d6
    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.
  7. Thanks
    Robino got a reaction from birdmade in Adding anchor links in 7.1   
    Hi Christian - I found a way to make smooth scrolling work on my 7.1 website. It's still in construction and can't share but here' s how I achived it.
    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:  
    #page-section-5e2799dfc3035b3cf9e9c4d6
    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.
  8. Like
    Robino got a reaction from JumpSwimDraw in Adding anchor links in 7.1   
    Hi Christian - I found a way to make smooth scrolling work on my 7.1 website. It's still in construction and can't share but here' s how I achived it.
    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:  
    #page-section-5e2799dfc3035b3cf9e9c4d6
    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.
  9. Thanks
    Robino got a reaction from rharlow 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:  
    #page-section-5e2799dfc3035b3cf9e9c4d6
    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.
  10. Like
    Robino got a reaction from rharlow 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.
  11. Like
    Robino got a reaction from hellojquinn 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:  
    #page-section-5e2799dfc3035b3cf9e9c4d6
    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.
×
×
  • Create New...