Website Building » Wix » How Do I Create a Scrolling Banner in Wix?

How Do I Create a Scrolling Banner in Wix?

Last updated on January 3, 2023 @ 8:34 pm

There are a few things you need to know before you can create a scrolling banner in Wix. First, you need to have a Wix account. If you don’t have one, you can sign up for free here.

Second, you’ll need to be familiar with HTML and CSS. If you’re not, there are plenty of resources out there to help you get started. Finally, you’ll need to use the Wix Editor to create your scrolling banner.

GREAT NEWS:

Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

Once you have all of that set up, creating a scrolling banner in Wix is actually pretty easy. Just follow these steps:

1. Log in to your Wix account and open the Editor.

2. On the left-hand side of the Editor, click on the “Add” button and then select “HTML Code.”

3. A pop-up window will appear. In the “Enter Code” field, paste the following code:

<script type="text/javascript">
var scrollY = 0;
var speed = 24;
function scrollBanner() {
scrollY = scrollY + speed;
if (scrollY == document.body.scrollHeight) {
scrollY = 0;
}
window.scroll(0, scrollY);
}
setInterval("scrollBanner()", 1000);
</script>

4. Click “OK.”

PRO TIP: This article provides instructions on how to create a scrolling banner in Wix. However, it is important to note that Wix does not recommend using scrolling banners on your website. This is because they can negatively affect your website’s load time and performance. Additionally, scrolling banners can be disruptive to your website’s visitors and may cause them to leave your site.

5. That’s it! You should now see a scrolling banner on your Wix site.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.