Skip to content

CSS:Example:HideScrollbar

스크롤바 제거 방법.

Code 

html {
  overflow: hidden !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html::-webkit-scrollbar {
  width: 0;
  height: 0;
}

Vue 사용시

Hide scrollbar in a specific views

I could hide scrollbar in a home.vue using DOM style. 

<script>
  mounted: function() {
    let elHtml = document.getElementsByTagName('html')[0]
    elHtml.style.overflowY = 'hidden'
  },
  destroyed: function() {
    let elHtml = document.getElementsByTagName('html')[0]
    elHtml.style.overflowY = null
  }
</script>

See also

Favorite site