水平滚动 div 在 Safari 中不起作用

Question

嗨，我不久前在我的餐桌上创建了这个网站，但刚刚意识到水平滚动潜水在 Safari 中不起作用。

#galleryscroller {
    overflow-x:scroll ;
    overflow-y:hidden;
    overflow:-moz-scrollbars-horizontal !important;
    height:138px; 
    width:360px;
}

<div id="galleryscroller">
<table width="100%"  border="0" cellspacing="0" cellpadding="6">
<tr align="left" valign="middle">
<td><a onclick="return showPic(this)" href="blahblah.jpg"><img src="blahblah.jpg" alt="Events" width="76" height="100" border="0" /></a></td>
<td><a onclick="return showPic(this)" href="blahblah.jpg"><img src="blahblah.jpg" alt="Events" width="100" height="67" border="0" /></a></td>
</tr>
</table>
</div>

该网站在这里 - www.tobymurphy.com

任何人都可以帮忙吗？到目前为止，谷歌上的答案都没有奏效......

Answer 1

当您需要隐藏其中一个滚动条时，WebKit 引擎具有滚动功能。请尝试以下操作：

#galleryscroller {
  overflow: none;
  overflow-x: auto;
  display: block;
  height: 138px;
  width: 360px;
}

注意第一次重置使溢​​出为零。