No video :(

Add a scrollable webpage feature to your Squarespace website

Подписаться 3,2 тыс.

Просмотров 9 тыс.

50% 1

How can you best feature your website design portfolio? Here’s a great option using CSS. Create a scrollable page by simply using an image block and adding a few lines of CSS Codes.
✺ Access the codes here www.squarestylist.com/blog/sc...
✺ Are you ready to build and launch your very own hand-coded websites?
Learn more about our programs here ➫
Standout Squarespace Foundations: standoutsquare.space/foundations
Standout Squarespace: standoutsquare.space/
Standout Shopify: standoutshopify.com/
Visit our website ➫
Squarestylist: squarestylist.com/
Let's keep in touch ➫
IG: / squarestylist
Subscribe to the channel and hit the bell icon so you don't miss any of our tutorials!

Опубликовано:

8 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 24

@spencerhopkins8464 Год назад

wow.I havent been excited about designing a website in a while but this is pulling me back in.

@christopherpatrick3426 Год назад

Looks great but I don't think this is working for Fluid layouts...?

@izabelacook4594 3 года назад

so much useful information! Thank you so much Squarestylist!

@oddpoppy Год назад

I'm having some trouble applying this with the Fluid Engine editor, does anyone have any suggestions?

@deborahkomatsu5446 Год назад

This is just what I was looking for. Thanks!

@Miltersen 2 года назад

Thank you! Easy to understand and very useful. Subscribing.

@sonder.sies. 2 года назад

This was an amazing tutorial thank you! If I wanted to place this scrollable webpage on a laptop mockup, how would I add that to the code?

@shannonedens7854 2 года назад

Thank you!

@AmanUllah-kt2kk 3 года назад

Can you please share a video in which both image and text changes on slider?

@reginemaghanoy561 2 года назад

This is so helpful. Thank you for sharing this code but I try to use the code it's not working on mobile

@aylam2334 3 года назад

Hi Rache! I noticed that the color of the scrollbar thumb&track doesn't appear on mobile. What do you think I should do?

@silviagrim 3 года назад

Thanks Rache! Let's say my website has image animations or has parallax, is there a way to display those effects on this scrollable feature?

@Squarestylist 3 года назад

Oh sorry that's not possible using this one. We might need to use a different technique where we pull the live site similar to what I have here www.squarestylist.com/templates/mosaic

@sarahgrubb5241 11 месяцев назад

I'm trying this on 7.1 and having no luck. I have copy pasted the code > added the correct block ID and it looks like it works (adds a visible scroll bar) but never becomes scrollable. Is there something I should be changing?

@Squarestylist 11 месяцев назад

Hi there! Are you adding it to a Fluid Editor or a Classic Editor? This method works in the Classic Editor. We may add the classic editor to any 7.1 site.

@sarahgrubb5241 11 месяцев назад

@@Squarestylist Ah, I am using the Fluid Editor. That makes sense. Thank you so much for the reply! You do fantastic work!

@meganmayers Год назад

Its not working for me. I have checked that everything is entered correctly, its just not scrolling when I hover my mouse over. The whole page scrolls as normal, I can't get the image to do anything. Is there more code to add to enable the scroll when hovering over the image? I can't seem to find any other videos about it. Thank you!!

@garrettwash4771 Год назад

I just had a similar problem, for me it was because I was trying to do this method on a "cover page" of Squarespace. After trying on a different type of page it worked.

@eyelashlace Год назад

The moment you paste in the code and change the block id, your image scrolls. But my image doesn't work that way, it shrink in proportion to much smaller. Why is that?