Mountain Lion의 CSS Overflow Auto : 스크롤 막대가 나타나지 않습니다.

Question

Chrome에있는 this JS Fiddle 테스트 또는 Lion and Mountain Lion의 Safari.

표시되어야하는 것은 스크롤하는 상자입니다. 스크롤을 시작하면 막대가 나타나야하며 스크롤을 멈 추면 다시 사라집니다. 라이온과 마운틴 라이온은 그렇지 않습니다. 누구나 스크롤바를 표시하는 수정 프로그램을 알고 있습니까?

HTML :

<div id="box"> 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis scelerisque aliquam. Nulla consequat justo malesuada mi imperdiet sodales. Morbi rhoncus, diam nec egestas sagittis, ipsum eros sollicitudin urna, quis ornare erat nisl scelerisque eros. Nulla eleifend posuere tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in diam commodo sapien mollis cursus. Integer vitae lacus augue. Proin a velit augue. Quisque at mi augue, a sagittis metus. Aenean id bibendum nunc. Nulla quis eros odio. Sed non leo diam, et sollicitudin leo. Cras ut nibh diam, a mattis felis. Proin lectus massa, fermentum sit amet aliquet id, posuere a dui. Morbi vulputate elit elit. Proin in mi turpis.</p> 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis scelerisque aliquam. Nulla consequat justo malesuada mi imperdiet sodales. Morbi rhoncus, diam nec egestas sagittis, ipsum eros sollicitudin urna, quis ornare erat nisl scelerisque eros. Nulla eleifend posuere tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in diam commodo sapien mollis cursus. Integer vitae lacus augue. Proin a velit augue. Quisque at mi augue, a sagittis metus. Aenean id bibendum nunc. Nulla quis eros odio. Sed non leo diam, et sollicitudin leo. Cras ut nibh diam, a mattis felis. Proin lectus massa, fermentum sit amet aliquet id, posuere a dui. Morbi vulputate elit elit. Proin in mi turpis.</p> 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis scelerisque aliquam. Nulla consequat justo malesuada mi imperdiet sodales. Morbi rhoncus, diam nec egestas sagittis, ipsum eros sollicitudin urna, quis ornare erat nisl scelerisque eros. Nulla eleifend posuere tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in diam commodo sapien mollis cursus. Integer vitae lacus augue. Proin a velit augue. Quisque at mi augue, a sagittis metus. Aenean id bibendum nunc. Nulla quis eros odio. Sed non leo diam, et sollicitudin leo. Cras ut nibh diam, a mattis felis. Proin lectus massa, fermentum sit amet aliquet id, posuere a dui. Morbi vulputate elit elit. Proin in mi turpis.</p> 
</div>​ 

CSS :

#box {   
    height: 300px; 
    overflow: auto; 
    margin: 10px; 
}​ 

Answer 1

는, 리눅스 민트에 나를 위해 작동하는 것 같다 방법 시도에 대해 :

여기

overflow:scroll;

Answer 2

무엇을하는 jQuery 플러그인입니다 너는 필요해.

http://naeka.github.com/jquery-scrollbar/

당신은

<script type="text/javascript" src="jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script> 
<script type="text/javascript" src="jquery.scrollbar.min.js"></script> 
<script type="text/javascript" src="demo.js"></script> 

사용 클래스 <div id="page"> <div class="scrollBox"><div id="scroll1"><p class="left">이 필요합니다

예 : http://jsfiddle.net/pullapooh/3aGDK/

Answer 3

이 문제는 진정한 차이를 보여 그 이전 포스터에 "진짜"입니다 애플의 Mountain Lion 운영체제에 등장했다.

그러나 스크롤 동작은 여전히 ​​작동하지만 다른 예제에서는 인터넷과 "오프닝 포스트"의 "이 테스트"링크에서 볼 수 있습니다.

Mountain Lion의 기본 사용자 설정으로 인해 스크롤 막대가 숨겨져 사용자가 볼 수 없게됩니다. 그리고 기본 "자연스러운"스크롤 휠이나 트랙 패드 (매직 패드) 방향은 이전 시스템이나 PC의 반대 방향입니다. 이 두 가지 측면은 혼란을 가져옵니다.

기본 설정에서는 스크롤 영역이 마우스 화살표가 블록 위에 있으면 스크롤 영역이 스크롤되며 (스크롤 막대가없는 경우에도 해당), 올바른 방향으로 움직이는 경우 표시됩니다. 기본적으로 "자연스런"(Apple이 말하는대로) 방향은 스크롤 휠이나 트랙 패드가 객체 자체를 자연스러운 방향으로 이동한다는 것입니다 (객체 위를 움직이는 창이 아니라). 맥을 뒤집을 수있는 설정이 있지만 애플의 터치 타블렛 방향과 맥의 방향이 반대가 될 것이다.

실제 문제는 스크롤 막대가 숨어서 사용자에게 혼란이 생기는 것이므로 마우스 커서를 놓으면 스크롤 휠로 영역을 이동할 수 있다는 것을 알지 못합니다. 또한 사용자는 트랙 패드 또는 스크롤 휠을 사용해야 작동하지만 대부분은 Mountain Lion 운영 체제 자체를 탐색하는 데 필요합니다.

개인 설정의 Mac 설정을 "스크롤 막대 표시 : 항상"으로 변경할 수 있습니다. 하지만 CSS 나 웹 사이트 개발자에게는 별 도움이되지 않습니다.

나는 Apple에게이 문제에 대해 불평 할 것을 제안합니다. 주요 대안은 웹 사이트의 창에서 스크롤 영역의 기능을 사용하지 않는 것입니다.