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

Search the Community

Showing results for tags 'scrolling'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers šŸ‡«šŸ‡·'s Topics
  • France Designers šŸ‡«šŸ‡·'s Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. How to create text or any element, can fix on scrolling? for the example using this website: https://basement.studio/ bandicam 2022-08-13 11-13-46-634.mp4
  2. Site URL: https://www.frmez.com Hi all, Ive built a portfolio page for my photography and was wondering if I could 'animate' the main page (empty section with simple image blocks). I'd like it to scroll down automatically and when reached the bottom, start all over again with the first image. Kind of like a vertical autoplay carousel? What I like about the look now is that it 'bleeds' into the header nicely. All image blocks are linked to separate portfolio pages with more images. Happy to re-build the main section in a different way as long as I can achieve the desired look. Thank you! M
  3. Site URL: https://brondyhumphrey.com/expansion-2 Hello there, I would like to be able to scroll horizontally on my carousel summary block sections without the arrow displayed, only with touch, on Mobile ONLY. Could someone help me to achieve this ? šŸ™‚ I wish you a wonderful day. https://brondyhumphrey.com/expansion-2 pw: pure
  4. Site URL: https://clementine-octagon-lg3h.squarespace.com/home Hey, I am finishing off a website but I am struggling with a code / overall flow. https://clementine-octagon-lg3h.squarespace.com/home password: creativegrind I have two problems: 1. The philosophy section scroll vertically, however if my mouse hover on the section while I am still scrolling horizontally, the section will start to scroll vertically. I would like to be able to scroll vertically until I reach the right edge / the end of the philosophy section. Make the horizontal scrolling stop, start scrolling vertically and when I reach the bottom of this section start the horizontal scroll again a bit like a "Z". Is there a javascript code that can translate " when user reach the end of "x section", vertical scroll will be activated ? 2. I have notice tonight, I can only scroll horizontally using my mouse. Can I access the left & right arrow key to scroll as well using a javascript code ? I have researched and try several code but it's not reaction šŸ˜• Thanks Manon
  5. I don't have much experience with code, but Im looking for a way to have two images side by side. But the left image will stay still, and the right image will actually be a long column of separate images, that when i scroll, will allow the left image (stationary) to be compared to the right image, when scrolled. And I'll want some text under each image as well. Sorry I dont have a page set up for this to show as an example. Any ideas on how to execute this reasonably easy?
  6. Site URL: https://oriole-gar-h86y.squarespace.com/ Basically, I would like to know how to achieve this scroll effect in my website: https://www.zendaya.com/ Where the background with the name Zendaya stays fixed until a certain point, and then along with the image, the below section sweeps it out of view once you continue scrolling.
  7. Site URL: https://www.woodlands.derby.sch.uk Hi, I wondered if anybody was familiar with changing the colour of the navigation bar when scrolling down. Currently, my navigation is set as 'solid' and 15% opaque - however I would like the bar to turn green when scrolling down and solid in colour. I was wondering if there was a work round for achieving this. https://www.woodlands.derby.sch.uk Any advice would be welcome! Thank you! šŸ™‚
  8. Site URL: https://www.nyckwalsh.com Hi there, so I added a custom scroll bar. It shows up on desktop, but not on mobile. Looking for support to get it on mobile. Thank you! Mobile, with no rainbow scroll: Desktop with rainbow scroll:
  9. Site URL: https://wolverine-avocado-t4jw.squarespace.com/about Hi all, I'm using a few scrolling marquee blocks on my website, but I'm finding that any time you click a link on the page i.e. clicking the + to expand an accordion, a box appears around the outside of all marquees across the page. I'm wondering if anyone might help me out with some code to prevent that from happening? Example here (scroll down to the accordion and then scroll to find a marquee to see what I mean) https://wolverine-avocado-t4jw.squarespace.com/about PW: CTMLala Thank you!
  10. Hi guys! I've seen a few websites with parallax scrolling on one of their pages and then the next page below is enabled. I think that's such a cool feature that I would love to implement. I searched the web for a long time to try to find the code for this but I just got this link https://blog.alexgittings.com/disable-parallax-on-one-squarespace-page/ with a code, but I have no idea where to put the code as it's poorly described. THIS IS WHAT THE ARTICLE SAID: To do this you will need to inject a script into the page. Navigate to the page cog and select advanced and enter the following: <script> Static.SQUARESPACE_CONTEXT.tweakJSON["tweak-overlay-parallax-enabled"] = false; </script> Once saved the parallax feature for that page should be disabled. But I have no idea where to put this code. Do any of you have any suggestions or know of another way? Thank you! Eager to hear back šŸ™‚
  11. Site URL: https://pear-hyperboloid-dn2z.squarespace.com/ Password :: ProfileSite22 I want to make the gallery section with the "why profile search" text to have a 6 second timer that auto scrolls to the next section.
  12. Site URL: https://taranaomi.com/home Hi there, Looking to install githubs plugin for locomotive scroll. I tried to install the javascript and css but I'm likely putting it in the wrong places because when I go to edit the CSS properties nothing happens. If anyone has any idea what I need to do here it would be much appreciated. Here's a code pen version: https://codepen.io/dotpot420/pen/MWwWaaQ Github: https://github.com/locomotivemtl/locomotive-scroll End goal is something like this homepage but one image and no letter shuffle to the type centre: https://mathieulevesque.com/en Thanks so much
  13. Hello, I have a page with many 'large', full-screen sections. I would like to change the scrolling so that the page does not scroll like usual, but instead just jumps to the next section, almost like a presentation; the page should not move except when 'jumping' to the next section which fills the page. I have seen this effect before, but cannot for the life of me find what it is called, and thus how to reproduce this effect. It is similar to the Carousel Banners in 7.1, but horizontal and controlled by scrolling down the page. I appreciate any advice or directions you can give. - Clueless2000
  14. Hello, I am designing a Pride page. I would like to have a scrollbar that changes colour as you scroll, covering the pride flag colours. Is there a way to do this, and only have this scroll bar design occur on that single page? The idea: the scroll bar will start off as red, and then gradually fade (not sudden changes -- see gradient photo for idea) to orange, yellow, green, blue, and finally purple at the bottom. I appreciate any support people can provide. No page up yet, about to start the page from scratch. - Clueless2000
  15. Site URL: https://southeasttourguides.co.uk Hi I would like to add infinite scrolling thorugh the whole webiste for a user friendly phone experience (no need to go back to menu bar). I see Scrolling is only offered for the template families Farro and Skye. Which of those two would be the easiest template for me to migrate to with least work involved. Note: I am not a tekkie, just an amateur. Thank you :)
  16. Site URL: https://www.usmexicofoundation.org Hi everyone! I'm stuck in how to change the color of the scrolling text! I've looked everywhere and followed directions I've found and still I can't figure out how to change the text from black to red... Any help is greatly appreciated!
  17. Site URL: https://elizavolk-healingarts.squarespace.com Hello! I am wondering if there is a way to keep my menu transparent WITH the backdrop menu transparent too at the top of my website, and give a background color to this backdrop menu when we start toi scroll down? (fixed position header) when I use use a css code to make it transparent, (code on the pictures) it is great at the top, but I'd like to apply tis transparent effect only then and not when we scroll. It seams that it is possible with code injection but my client doesn't have the advanced version. I hope that make sense, I am very grateful for any idea / solutions. Thank you so so much! 1st & 2nd picture : what I have now at the top of the page and when I scroll (fixed position) 3rd picture : What I want at the top of the page keeping the second picture color when I scroll
  18. Hi, I'm trying to achieve a border above and below my scrolling marquee, adding the border below works fine but when i try and add one above there is an additional line appearing which i don't want. I'm using the code as below: .Marquee * { border-bottom: 1px solid; } .Marquee * { border-top: 1px solid; } I'm not very knowledgable on CSS so any help would be appreciated so I have a single line above and a single line below the scrolling text. Thanks!
  19. Site URL: https://www.the-consultancycollective.com/ Hi all, Wondering if there is a way to make scrolling logos bigger on mobile? Happy to show just 2 at a time / make it slightly deeper as a solution just not sure how!
  20. Site URL: http://www.rejuvemedicalspa.com When pages load on our site they are slightly zoomed in (first image). This allows users to scroll horizontally (second image). This is not the desired experience. If you pinch to zoom out then release, the site settles into a slightly left justified format (third image). At this point the site scrolls normally, only vertical scroll. Any idea what we can do with settings or CSS to default to a non-zoomed in state (only vertical scroll)?
  21. Site URL: http://chessbuds.com When I access my site on a mobile device using a link from another website (Instagram, LinkedIn, etc.) and scroll down, the font and images change size. I'd like them to stay the same size when scrolling and not change around. I entered this custom CSS and it seems to work when I access the mobile website via an internet browser, but not when I access it through a link. Any help fixing my site would be greatly appreciated- thank you! /* header fixed padding */ @media screen and (max-width:767px) { .header-announcement-bar-wrapper { padding: 6vw !important; } }
  22. Site URL: https://moreours.squarespace.com/work-copy Hi there! On this page, Iā€™m hoping to have the text box and button stay fixed in place, with the gallery of images scrolling behind it all, until you reach the footer (the text and button should then be able to scroll up when you get to the footer). I know this has to do with sticky and fixed positioning, but my knowledge around that is very limited. Iā€™m using the new Fluid Engine on this page. pw: pearl
  23. Hi, Is there any CSS coding or code injections for parallax scrolling in 7.1? Thanks @tuanphanor anyone else?
  24. Site URL: https://cardcastle.co Hello šŸ™‚ My website has items in the navigation bar that link to sections of another page (the Book a Demo, Features, Pricing and ROI items in the CardBot nav folder). When I'm editing the site on Squarespace, clicking those links takes me to the CardBot page and jumps to the relevant section. However, when I'm browsing the site normally, clicking those links only goes to the CardBot page (but doesn't jump down to the relevant section). If I'm already on the CardBot page, clicking the links in the nav bar will work properly and jump down to the section. Is there anything I can do to make sure those anchor links work as expected?
  25. Site URL: https://kodavillela.com Trying to do a single page with smooth scrolling when clicking the main navigation links. I tried using both <a name> and <div id>, and I can jump from section to section with both. However, no matter what I do, it just changes to it, instantly. I searched online and I added some code into the custom CSS, but it still won't work. Smooth Scroll line Added: html {scroll-behavior: smooth;}
  • Create New...