html - 水平滚动 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

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

Answer 1

当您需要隐藏其中一个滚动条时，带有滚动功能的 WebKit 引擎有一个怪癖。尝试以下操作:

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

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