Jump to content

Making 2 columns on a page scroll separately (jasper template)

Recommended Posts

Hey

I'm trying to have these 2 columns that are placed on a single page's content with text blocks, scroll separately. Right now they are seated next to each other and scroll at the same pace with the entire's page width. Anyone got any Idea for something that would be simple to employ without inundating the page with too many code blocks to keep it simple for a client.

Here's the URL - WEBSITE LINK - password: Juliahugo @tuanphan got any ideas?

Here's an image - Need the Exhibitions and Fairs columns to scroll.alt text

screen-shot-2019-07-30-at-170532.png.959b9eb52a680fd8d7e9c4c292e31c75.png

Edited by heydanbrowne
Initial Revision
Link to comment
  • Replies 12
  • Created
  • Last Reply

Top Posters In This Topic

@heydanbrowne You want them to scroll at different speeds? Or scroll one, and the other doesn't?

Or you want to exhibition scroll to half, and then fairs start to scroll?

Edited by tuanphan
Initial Revision

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 8 months later...

Basically you are wanting a page split. You might get that to work for pc, but I bet it  will really wreak havoc on the mobile view. You have to work inside the limitations of the OS not just the website itself. If you want to proceed maybe this will help you, it may not be exactly what you were thinking, but could work for you, just remember what I said about mobile view. 

 

Edited by derricksrandomviews
Link to comment

I guess it might be a matter of pinning a page on the left and one on the right with a maximum width of 50% and get those overlay with echother. But I can't code it 🙂 

Link to comment
On 4/25/2020 at 10:37 PM, lucastrano said:

@tuanphan can you suggest how to make two content block scroll separately ? 

You mean like this? https://robin-triangle-z47x.squarespace.com/cover01?password=abc

Can you share link to your site?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
14 hours ago, tuanphan said:

You mean like this? https://robin-triangle-z47x.squarespace.com/cover01?password=abc

Can you share link to your site?

I would like to have a specific scroll for the left columns and a specific scroll for the right column that possibly become single column on mobile (but not overlay, only one column showing) the best example I could find its not on Squarespace unfortunately (https://object.cargo.site

also my squarespace website is still on trial version unfortunately 

Edited by lucastrano
Link to comment
  • 3 weeks later...
  • 1 month later...
  • 11 months later...
On 4/25/2020 at 10:51 PM, lucastrano said:

thanks @derricksrandomviews for your suggestion. I was thinking of two scrolling columns on desktop and single column on mobile like this https://object.cargo.site 

You can use position sticky to achieve this

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 6 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.