1

在 Lion 和 Mountain Lion 上的 Chrome 或 Safari 中测试这个 JS Fiddle。

应该显示的是一个可以滚动的框。开始滚动后，该栏应出现，并在您停止滚动时再次消失。在狮子和山狮中，它没有。有人知道显示滚动条的修复程序吗？

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;
}​
4

3 回答 3

3

这个问题是“真实的”，因为之前的海报已经在 Apple 的 Mountain Lion 操作系统中显示出真正的外观差异。

但是滚动行为仍然有效，在我在互联网上和开篇文章的“测试这个”链接上看到的其他示例中。

问题是 Mountain Lion 中的默认用户设置会导致滚动条被隐藏，因此用户看不到它们。并且默认的“自然”滚轮或触控板（Magic Pad）方向与旧系统或 PC 的方向相反。这两个方面导致混乱。

在默认设置下，如果鼠标箭头在块上（即使滚动条不存在），滚动区域将滚动，并且如果朝正确的方向移动，滚动区域就会出现。默认的“自然”（Apple 称之为）方向是滚轮或触控板沿“自然”方向移动对象本身（与在对象上移动的窗口相反）。Mac 上有一个设置可以扭转这种情况，但这会使 Mac 的方向与 Apple 触摸平板电脑的方向相反。

真正的问题是隐藏滚动条给用户带来的困惑，所以他们没有意识到如果鼠标光标在上面，他们可以用滚轮移动区域。此外，用户必须有一个触控板或滚轮才能使其正常工作，但这在大多数情况下甚至是导航 Mountain Lion 操作系统本身所必需的。

用户可以在个人常规设置中将 Mac 的设置更改为“显示滚动条：始终”。但这对 CSS 或网站开发人员帮助不大。

我建议我们就此向 Apple 投诉。主要的替代方法是不使用网站窗口中的可滚动区域的功能。

于 2012-09-15T19:35:04.323 回答
0

这是一个 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/

于 2012-09-13T17:59:09.077 回答
-5

似乎在 linux mint 上对我有用，尝试一下如何：

溢出：滚动；
于 2012-09-13T17:55:19.330 回答