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

Can I make a Scrolling Marquee effect on one of my sections?


scholarsayze

Question

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/

Hello, I was wondering if it is possible to create a scrolling banner/marquee effect on one of my sections?

I have a thin green section on my homepage that I want to use for messaging like 'shipping' or marketing etc. How can I make the content scroll in such a way and cycle through repeatedly?

Please help.

Many thanks,

Best,

Faiz

Link to comment

5 answers to this question

Recommended Posts

  • 0
20 minutes ago, scholarsayze said:

I apologise, the Pword = bluebird

Thank you

image.thumb.png.352b44e1b8c7a90806573f69a92d5632.png

Try this

section[data-section-id="5f8fea6196d2c93c2a238f89"] .content-wrapper {
    position: relative;
    overflow: hidden;
    --offset: 20vw;
    --move-initial: calc(100%);
    --move-final: calc(-10%);
}

section[data-section-id="5f8fea6196d2c93c2a238f89"] .content {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 20s linear infinite;
    animation-play-state: running;
}
section[data-section-id="5f8fea6196d2c93c2a238f89"] .sqs-block-html {
  margin: 0 !important;
  padding: 0 !important;
}
@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}

play this value to change speed

image.png.788a3c79857c71b259b3bd0892901a58.png

Greeting, it's BaNgan from 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, Portfolio hover Replace Link Style
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
  • 0
6 minutes ago, scholarsayze said:

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/

Hello, I was wondering if it is possible to create a scrolling banner/marquee effect on one of my sections?

I have a thin green section on my homepage that I want to use for messaging like 'shipping' or marketing etc. How can I make the content scroll in such a way and cycle through repeatedly?

Please help.

Many thanks,

Best,

Faiz

What is your site password

Greeting, it's BaNgan from 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, Portfolio hover Replace Link Style
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

Create an account or sign in to comment

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

×
×
  • Create New...