benxmacdonald Posted January 2, 2021 Share Posted January 2, 2021 I am in need of a scroll down arrow that is located at the bottom of a section, allows for users to click and have move to the next section, and preferably disappears when scrolled over. I have found many great codes for scroll down arrows, but none are able to be forced to be at the bottom of the section. They all end up hovering halfway up on the section and spacers only elongate the section rather than moving the code downward. For example of what I would like both esthetic and performance wise please see this scroll arrow: http://steven-banks.com Beyondspace 1 Link to comment
Beyondspace Posted January 2, 2021 Share Posted January 2, 2021 17 minutes ago, benxmacdonald said: I am in need of a scroll down arrow that is located at the bottom of a section, allows for users to click and have move to the next section, and preferably disappears when scrolled over. I have found many great codes for scroll down arrows, but none are able to be forced to be at the bottom of the section. They all end up hovering halfway up on the section and spacers only elongate the section rather than moving the code downward. For example of what I would like both esthetic and performance wise please see this scroll arrow: http://steven-banks.com I got a solution on this post, you can try on your site and see what we can improve here How do I make the scroll down arrow on my homepage clickable and to scroll down to the section below? - Coding and Customization - Squarespace Forum tazmeah 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
benxmacdonald Posted January 5, 2021 Author Share Posted January 5, 2021 Thanks for your reply! That code injection works well, but unfortunately, I do not have access to that code due to that being a premium feature. Would it be possible to use a code block and achieve the same affect? Additionally, I am really only interested in having the scroll button on my home page. Beyondspace 1 Link to comment
Beyondspace Posted January 6, 2021 Share Posted January 6, 2021 Yeah try to add it to code block on home page tazmeah 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
tuanphan Posted January 7, 2021 Share Posted January 7, 2021 I guess Code Block in Personal Plan doesn't support Script code. With Personal Plan, you can try this code. @benxmacdonald Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
RACSEB Posted March 16, 2022 Share Posted March 16, 2022 Does anyone know how to make the arrow disappear once used/scrolled past? @tuanphan @bangank36 Link to comment
tuanphan Posted March 18, 2022 Share Posted March 18, 2022 On 3/16/2022 at 6:52 PM, RACSEB said: Does anyone know how to make the arrow disappear once used/scrolled past? Not possible with Personal Plan. With Business Plan, can you share link to page where you added the code? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment