How to disable, remove or hide scrolls bars (vertical & horizontal) from this code?

How can I disable, remove or hide scrolls bars (vertical & horizontal) from this code?

<div id="meet"></div>

<script> 
const options = { 
parentNode: document.querySelector('#meet'), 
width: 700, 
height: 450, 
interfaceConfigOverwrite: {GENERATE_ROOMNAMES_ON_WELCOME_PAGE: true}, } 

meetAPI = new JitsiMeetExternalAPI("[meet.jit.si](https://meet.jit.si)", options); 
</script>

any help is appreciated

Usually you would do that in CSS.

e.g.
#meet{overflow:hidden;}

Of course you would also need to set the width and height (unless that is what your JS is doing) otherwise there would be nothing to overflow.

I don’t know your use case but hiding scrollbars is generally a bad idea unless its not readable content.

1 Like