1. 스크롤 막대를 제거하는 방법
오버플로 : 숨겨진 속성을 신체에 추가하십시오. IE6과 7에서는 적용되지 않습니다. 오버플로 : HTML에 숨겨진 속성을 추가해야합니다.
스타일에서 IE6, 7 및 기타 브라우저는 해킹으로 구별되어야합니다. 이는 페이지가 아래로 가져 오면 HTML 또는 본문이 오버플로 인 경우 투명 전구 층 아래의 페이지가 부분적으로 정상적으로 숨겨지기 때문입니다. 투명한보기를 통해 볼 수있는 그레이 스케일, 특정 색상은 플랫폼 및 사용자가 설정 한 배경 색과 관련이 있습니다.
본체 또는 HTML에서 스크롤 바를 제거한 후 페이지에는 스크롤 바 너비/2 점프가 있습니다! 이 점프는 사용자 경험에 매우 좋지 않으므로 신체에 오른쪽 패딩을 추가하면 크기는 스크롤 막대의 너비입니다. Windows 플랫폼 아래의 스크롤 막대의 너비는 17px입니다. Linux 플랫폼 아래의 다른 스크롤러의 스크롤 막대의 너비는 일치하지 않습니다. 관련 코드를 사용하여 스크롤 막대의 너비를 계산할 수 있습니다. 다음은 Windows 플랫폼의 예입니다.
관련 코드 :
document.documentelement.style.csstext = '오버 플로우 : 없음;+오버플로 : 숨겨진; _overflow : hidden;'; document.body.style.csstext = '오버 플로우 : 숨겨진;+오버플로 : 없음; _overflow : 없음; 패딩 : 0 17px 0;';
위의 코드는 HTML 또는 본문에 인라인 스타일이 있는지 여부를 고려하지 않습니다. HTML 또는 신체의 인라인 스타일이 있으면 축적되어야합니다. 그렇지 않으면 원래 스타일이 지워집니다.
2. 숨겨진 위험을 제거하는 다른 방법은 페이지를 스크롤합니다 (오해 방지)
스크롤 바를 숨기면 마우스 휠로 페이지를 스크롤하면 움직이지 않습니다. 나는 그것이 괜찮다고 생각했다 ...
키보드 단축키는 또한 위아래로 스크롤 페이지와 관련된 일부 브라우저 작업을 작동 할 수도 있습니다. 위와 아래 키, 페이지 회전 버튼 등과 같은 스크롤과 관련하여 키보드 단축키의 경우 취소해야합니다.
3. 팝업 레이어 스타일을 추가하십시오
몸에 글로벌 스타일 추가 (IE6과 호환)
높이 : 100%;
총알 레이어에 스크롤 스타일을 추가하십시오
오버플로 -Y : 자동; 너비 : 100%; 높이 : 100%; 왼쪽 : 0; _padding : 0 17px 0 0; // IE6 버그, 부모 요소의 패딩은 자식 요소가 절대적으로 배치 된 후에도 여전히 유효합니다.
JS 팝업 레이어 마스크 및 숨겨진 배경 페이지 스크롤 막대 세부 사항에 대한 위의 기사는 최적화 분석은 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.