JavaScript에서 iframe 스크롤 막대 제거 및 유지

개발 중에 모든 스크롤 막대를 제거하고, 오른쪽 스크롤 막대를 제거하고 아래쪽 스크롤 막대를 유지하고, 아래쪽 스크롤 막대를 제거하고 오른쪽 스크롤 막대를 유지하는 문제가 종종 발생합니다. js를 기반으로 이를 어떻게 달성합니까? 이 문서에서는 JavaScript에서 iframe 스크롤 막대를 제거하고 유지하는 방법을 소개합니다. 살펴보자!

iframe이 페이지에 삽입된 후 스크롤 막대를 조정해야 하는 경우가 있습니다. 예를 들어 모든 스크롤 막대를 제거하고 오른쪽 스크롤 막대를 제거하고 아래쪽 스크롤 막대를 유지하고 아래쪽 스크롤 막대를 제거하고 오른쪽 스크롤 막대를 유지하십시오. 그럼 우리는 어떻게 해야 할까요?

1: 모든 스크롤 막대 제거

첫 번째 방법: iframe에는 auto, yes, no의 세 가지 값을 갖는 스크롤 속성이 있습니다.

                                                                                                ~      스크롤: 자동 -----필요할 때 스크롤 막대가 나타납니다.                스크롤: 아니요 - ------항상 스크롤 막대 숨기기

스크롤 시: 아니요가 설정되면 모든 스크롤 막대가 나타납니다. 사라질 것입니다.

두 번째 방법: 스크롤하여 모든 스크롤 막대를 제거하는 것 외에 삽입된 페이지에 body{overflow: Hidden}을 설정하여 스크롤 막대도 제거할 수 있는 방법이 있다는 것을 발견했습니다. 그리고 이는 특정 스크롤 막대만 제거하려는 경우에도 사용되는 속성입니다.

2: 오른쪽 스크롤바를 제거하고 하단 스크롤바는 유지

하단 스크롤바만 유지하고 싶다면 삽입된 페이지에서 body{overflow-x:auto 를 설정하세요. ;overflow-y:hidden;}

3: 하단 스크롤바를 제거하고 오른쪽에 스크롤바 유지

삽입된 페이지에 본문 설정 {overflow-x:hidden; Overflow-y: auto;}

우리는 이 두 속성이 스크롤 막대의 표시 및 숨기기를 설정할 수 있다는 것을 이미 알고 있으므로 두 속성을 동시에 설정하면 어떤 효과가 발생합니까?

감지를 통해 스크롤 = " auto " 또는 " yes "일 때 본문이 설정되어 있으면 스크롤 = " no "일 때 무엇을 설정하더라도 본문의 설정이 사용된다는 것을 발견했습니다. body 에서는 스크롤 설정이 사용됩니다. 즉, 모든 스크롤 막대가 제거됩니다.