IE 10의 수직 스크롤 막대 11

Question

뷰포트에서 세로 스크롤 막대를 사용하는 웹 사이트가 있습니다. www.LinkforCare.org

스크롤 막대는 Chrome, FF 및 IE 9에서 정상적으로 작동하지만 IE 10 또는 11에서는 작동하지 않습니다. 마우스 휠 스크롤은 정상적으로 작동하지만 스크롤 막대는 드래그하지 않습니다.

이 사이트는 부트 스트랩과 jQuery-ui를 사용합니다.

누구나이 문제와 해결책을 알고 있습니까?

Answer 1

몇 가지 충돌하는 규칙으로 인해 두 개의 겹치는 스크롤 막대가 있습니다 (하나는 html이고 다른 하나는 body 요소). 사용자가 가장 중요한 항목을 클릭 드래그하지 못하도록합니다. 빠른 해결책은 색인 파일, 라인 25에서 overflow-y 속성을 제거하는 것입니다

이 문제는 약간의 버그가 있지만, 그리고 그 결과로 나는 내부적에 문제를 제기하고 낳게 될 것입니다 우리 팀이 한번보세요.

Answer 2

overflow-y: scroll;을 다음 코드에서 제거하십시오.

HTML은 :

<style type="text/css"> 
     html, body 
     { 
      height: 100%; 
      min-height: 100%; 
      overflow-y: scroll; 
      overflow: auto; 
      border-top: 0px; 
     } 
</style> 

그것은이처럼 보이는 끝날 것입니다.

HTML :

<style type="text/css"> 
     html, body 
     { 
      height: 100%; 
      min-height: 100%; 
      overflow: auto; 
      border-top: 0px; 
     } 
</style> 

또한 왼쪽이나 오른쪽에있는 빈 파란색 공간 중 하나에서 IE11, 마우스 오른쪽 단추로 클릭을 사용하여 사이트에 검색하고 '요소 검사'를 선택하여이를 테스트 할 수 있습니다. 스타일에서 overflow-y: scroll의 선택을 취소 한 다음 스크롤 막대를 시도하십시오.

Answer 3

이 시도 :

-ms-overflow-style: scrollbar; 

상세 정보 : https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx