Search the Community
Showing results for tags 'scrolling'.
Found 52 results
-
So I have my logo top center at 500px and underneath it, centered, is my navigation bar. I would like to be able to scroll down, past the logo and then lock my navigation bar (along with the header color background) to the top of the screen so it's always there, across the whole site. I haven't yet found a custom css code that does all that. I was hoping someone could point me in the right direction. I've uploaded two screenshots. The first representing the before, with the logo, and the second being the after, once you've scrolled down and the nav bar locks into place at the top. Thank you!!!!- 10 replies
-
- 2
-
-
- scrolling
- navigation
- (and 2 more)
-
Hi there! Does anyone know how to do snapscrolling in Brine template with css? Like the first section of this website: https://www.serta-japan.jp/special/?utm_source=gkt&utm_medium=cpc&gclid=CjwKCAiA_MPuBRB5EiwAHTTvMUb8pOQQ0MqIZhy2gjd57Essi_Xj0FOn7CSJJ3Dkpch_XVxCzg7RhxoCWEQQAvD_BwE&fbclid=IwAR0xZQg6nv2lYHsLmuCxmQ0-gRMqeB7HC2pfAucptG7njcpA9kWIcIDqK8Y Thanks a lot in advance if someone can help. Sheri Lai
-
How to make the first index page fadeout by scrolling?
sherilai posted a question in Coding and Customization
Hello there, Does anyone know how to do make the first index page fadeout by scrolling? Like the website below: https://www.serta-japan.jp/special/?utm_source=gkt&utm_medium=cpc&gclid=CjwKCAiA_MPuBRB5EiwAHTTvMUb8pOQQ0MqIZhy2gjd57Essi_Xj0FOn7CSJJ3Dkpch_XVxCzg7RhxoCWEQQAvD_BwE&fbclid=IwAR0xZQg6nv2lYHsLmuCxmQ0-gRMqeB7HC2pfAucptG7njcpA9kWIcIDqK8Y I am planning to use Brine template. Thanks in advance if someone can help! Sheri Lai -
Hello! I am looking for a way to embed a scrollable list on a page of my website to keep a lot of information that doesn't fit into the events or gallery format contained enough to be manageable. I would only really need it to hold text but text and dividers would be ideal. Do any of you know of any resources like this?
-
Hey all! First, I'm not a coder. ☹️ That said, the previous and next blog post cues are way too close together. Here is an example of what I'm talking about (the very bottom): A Blog Post I need to adjust right width of previous and the left width of next. I'm using the Brine template. I'm also uploading a screenshot. Basically, where the arrow is in the screenshot, I want a bunch more white space between the left and right bottom of the blog (previous and next) nav. Would greatly appreciate help on this! Bob
-
Anyone know of a workaround? Scrolling in Chrome, and even in the dev window is lovely, but when live in Safari only is a mess. Complicating things is I've added a static background effect for some index images, sample below: .collection-type-index #building-block { background-image: url("https://static1.squarespace.com/static/5d668c3fb154060001bbf0ba/t/5dea9ae54fc5135240ef736c/1575656167172/3a.jpg"); background-position: center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; } Turning "fixed" to any other attribute resolves the scrolling, but need a static image. Help? http://www.edfacgroup.org -
How can I make certain elements of my page fade in as the visitor scrolls down the page? Can this be done just with CSS?
-
Brine: Nav to change color after scrolling past Hero
AThompson_social posted a question in Coding and Customization
Hi friends, I am trying to trigger my navigation to change color after scrolling past the hero. Is there a way I can trigger the change by div or pixel? I currently have my nav as a sticky nav and want to keep that. this is what I'm working with. /*sticky nav https://forum.squarespace.com/topic/142732-brinekeene-sticky-navigation/#comment-184292*/ Header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; } // fix mobile nav .Mobile-bar--top { position: fixed; top: 0; left: 0; right: 0; background: #173d56; } .Mobile-bar { position: fixed; z-index: 99999; } // move mobile overlay down .Mobile-overlay-menu-main { padding-top: 80px; } any help would be GREATLY APPRECIATED link to site -
Hi! I love how this site endlessly scrolls and loops the content back up to the top. Is that possible on Squarespace? I figure it's a simple CSS fix, but I could also be wrong and need to dive in and do more research. Even a good place to start would be great 🙂
-
Are there any existing templates that can allow horizontal scrolling instead of the usual vertical scroll? Or is there any way to add a code to make it happen?
-
My client's website is growthleadersgroup.com There is a left/right shift on mobile where you can basically grab the screen and move it left or right and then it will spring back when released. a horizonal scroll? I cannot figure this out!
-
Slideshow - Swipe or flick through/Horizontal scrolling
VLabrie posted a question in Coding and Customization
Hi there, I'm working on a photographer's website, and on her slideshow galleries, she wants to be able to do a horizontal scroll with touchpad or on a mobile device. Basically, like flipping through the gallery from right to left, instead of clicking on the gallery or on arrows. I'm pulling my hair over this. I've come across Flickity but have no idea how to make it work with Squarespace. Any insight would be so appreciated! Thank you so much! -
hey guys, my english is not that good but i try to explain my question. I would like to build a one page website with a "scroll lock" effect. Is there any css code or tutorial how to make this effect? You can see this scroll effect at https://workflow-films.de Thank you and best wishes from germany! Dani -
Hi guys, For some reason, I have a client who dislikes the scrollbar on the right of his site (attached image, it's the thin gray vertical bar to the right of the site) Is there a code to hide it? Thanks, James
-
I'm using the Mentor template and want to keep the menu bar at the top of the screen as I scroll down. I've tried a variety of CSS codes I've found online but can't get any to work. Any help would be amazing!
-
Hi there, I have seen variations of this question asked but none of the suggested solutions have worked. I'd like to stop the header from reappearing on scroll-up, and only have it reappear once the user reaches the very top of the page, is its possible to achieve this just using CSS? Many thanks, Rory.
-
Hello! I am working with the Wells template and I am stuck on the Gallery design layout. Instead of the option to click <> between images as a slideshow i'd ideally love to have people scroll down. For all my clicking and playing around, the thumbnail option is the only one with the scrolling capability but I don't care for the two images in a row. Anything I can do? Side note, I searched the forum to see if anyone has had a similar question and found quite a few that had been taken down? Thanks in advance!
-
We are a small production company that work on photography and video projects for various types of clients: entrepreneurs, family business, brands, etc. We would like to show our video reel in the front page, using a scroll template, with 3 pages that includes an About us, Services, and contact. Inside Sevices a gallery showing photography projects, video projects and postproduction projects.What would you recommend? Thanks from Uruguay! -
Double vertical scrollbar on Jasper template
Trajkovski posted a question in Coding and Customization
I've never had this problem before, but how do I get rid of it? -
Hello! My website which uses the Forte template isn't working correctly on iPads. The problem seems to be only with Vertical scrolling, which doesn’t work anymore on iPadOS (v13.1.1) with Safari. Please advise! Is there something that can be done to get it work again? Best wishes from Berlin, Jason -
There are two side scroll bars on my live site, and on the editor, but on now other websites in my browser :( any idea how I might get rid of the extra one? Thanks!!
-
Hi there, I'm experiencing Jerky scrolling with my website after using the 'Jasper' template. It takes 2 'scroll's' on my Apple mouse to make the site scroll. Just wondering if anyone has encountered this and have found a solution to this! My website is https://marcusl.net
-
Hi there! Could anyone help me out with a custom CSS & advanced section code for the above? For reference, my site is www.coastic.net Thanks in advance! -
Hi all! Having issues with two vertical scroll bars on the Lange template. See image below: A quick fix that I've found is to add .overflow-wrapper {height: 100vh;} to custom CSS , however when I do this the Index Nav Footer does not load when scrolling to the bottom of the page. Upon inspecting the element I've found the following code that seems to be preventing the Index Nav from showing: .index-item-navigation:not(.hide) { opacity: 0; will-change: opacity;} Any chance someone could help out? I'm trying to remove the double scroll bars without affecting the Index Nav Bar. Website is www.mylescooley.com, and the issue can be seen when clicking into the photography index pages.
-
Fixed category navigation showing scrolled content behind
juliac posted a question in Coding and Customization
Hi everyone, I've been fidgeting with a bit of CSS for hours now trying to fix something.I'm setting up a page with a fixed category navigation for a products page, but when you scroll up you can see the content "above" the navigation, as you can see below: From researching on how to set up a fixed navigation bar, and modifying it slightly so that it aligns to my header logo this is the code: .category-nav .category-nav-links { padding-top:23px !important; padding-bottom:41px !important; display: block; background-color: #E6D9E2; position:fixed; width: 100%; z-index: 99999; } I thought I could fill in the space above the navigation bar by adjusting the margin or border but nothing seems to work... or if I could somehow move the position of the navigation, but how would I do that if I already have position set as fixed? Thanks if anyone could help me out here...!
