vue-remove-scroll-bar

A lightweight Vue component to hide scrollbars while preserving the scrollbar gap. This prevents layout shifts when transitioning between scrollable and non-scrollable states. Based on react-remove-scroll-bar by theKashey.

Basic Usage

<script setup lang="ts">
import { RemoveScrollBar } from 'vue-remove-scroll-bar'
</script>

<template>
  <RemoveScrollBar /> -> no scroll bar
</template>

Credit

This is a Vue port of react-remove-scroll-bar by theKashey.

License

MIT