스크롤 막대를 숨기고 내용이 스크롤 가능한 상태로 숨기는 방법은 무엇입니까?

Question

html 페이지를 PDF 파일로 인쇄하려고하지만 PDF 파일에 표시되는 스크롤 막대는 원하지 않습니다. 몸은 최종 pdf 파일에 완료되지 않으므로

* { 
    overflow: hidden; 
} 

:이 설정 그래서 만약 그리고 내 페이지에서 스크롤 몸을 가지고있다. 그렇다면 스크롤바가 보이지 않게 막는 방도가 있지만 내용은 여전히 ​​스크롤 가능합니까? 이 스크롤을 사용하지 않고 모든 스크롤바를 숨길

::-webkit-scrollbar { 
    display: none; 
} 

:

Answer 1

웹킷 기반 브라우저 (크롬과 사파리)에서 스크롤바를 숨길 수있는 CSS 규칙이 있습니다를 확인하실 수 있습니다 더 나은 설명을 크롬에이 유일한 작품. 규칙은 다음과 같습니다.

.element::-webkit-scrollbar { width: 0 !important } 

IE 10+에서 스크롤바를 숨길 수있는 CSS 규칙이 있습니다. 그 규칙은 다음과 같습니다 :

Firefox에서 스크롤바를 숨길 수있는 CSS 규칙이 있었지만 이후에는 사용되지 않습니다. 그 규칙은 다음과 같습니다 :

.element { overflow: -moz-scrollbars-none; } 

Answer 2

당신은 저가에 스크롤 바의 표시를 설정할 수 있습니다.

편집 :이 대답 Hidding Scrollbar