Window vertical scroll

Ask the community
,
1

Hi :slight_smile:
Is there any way to make the window vertical scroll disappear from site??
Thanks a lot,
Dafna

4 Likes
2

Hi Dafna,

You can resize your page length to remove vertical scroll bars . If you were referring to horizontal scroll bars, please follow the instructions here .

Should the issue persists, please submit a ticket to Wix Support here .

Best,
Tal.

3

Thanks:) but I’m reffering to the vertical scroll. Saw it on some sites. It’s a great visual possibility for creating a kind of slide. Couldn’t find it on wix. Maybe someone found a way to do it?

4

Hey,

Can you please send us a screenshot so that we can better understand what you were referring?

Thanks,
Tal.

5
6

Hi Dafna,
I’m afraid that currently it is impossible to remove the vertical scroll bars completely from your site. You can ask for it as a feature request by submitting a ticket to Wix support .

Regards,
Tal.

7

thanks:)

8

Hi,
Did you find a solution?

9

no…

10

thanks

11

What the wix clients are looking for is ;
this coding;
body {
overflow:hidden;
}
Hence a general setting for the whole website.

12

Well this feature is a CSS style code that effects the user’s browser and unfortunately WIX doesnt support CSS styles yet but Im sure they will… everyday they are getting better and stronger than others… Way to go wix!

13

Well, I’m still waiting for a option to put the Overflow-x as hidden!

14

This is the question that I have been seeking an answer to for days. Driving me crazy. It IS possible because a peer from my grad program did it last year but she of course can’t recall how she did it (someone helped her maybe). I’m not a coder and have minimal knowledge but am required to do this to complete my MSN program. Clearly there’s some kind of work around but I haven’t figure it out yet.

15

Is there a solution in the meantime?

16

Hey everyone.
I have a nice workaround for you,

as you know, you have direct access to document and window original objects from custom element. you can also change the site styles inside it.

try to use my code:

class MyAmazingComponent extends HTMLElement {
 constructor() {
 super();
    }
 
 connectedCallback() {
 this.createEvents();
    }
 
 createEvents() {
 this.appendChild(this.createStyle());
    }
 
 createStyle() {
 const styleElement = document.createElement("style");
 styleElement.innerHTML = this.getStyleTemplate();
 return styleElement;
    }
 
 getStyleTemplate() {
 return `
          body{
          overflow-y: hidden !important;
          }
          `;
    }
 
  }
 
 customElements.define("demo-component", MyAmazingComponent);

you can also do it without custom-elements… insert the cusom css inside you site settings->tracking&analytics → insert custom css/js scripts

Gal.