3

嗨，我不久前在餐桌上创建了这个网站，但刚刚意识到水平滚动潜水在 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

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

4

4 回答 4

5

当您需要隐藏其中一个滚动条时，WebKit 引擎会出现滚动问题。尝试以下操作：

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

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

于 2009-09-07T23:48:24.710 回答
3

添加white-space: nowrap;到#galleryscroller样式。这应该可以解决它，如果它不起作用，请尝试将位置设为绝对。

于 2010-11-04T01:21:24.970 回答
3

我自己最近发现了这个“不会滚动 DIV”的问题。Safari 6 (WebKit) 中存在该问题，但 Chrome (也是 WebKit) 中没有问题。所以不能说这是一个“WebKit 问题”。

在我的情况下，垂直滚动条显示在 Safari 6 中，但它被冻结了。但是，如果您抓住表格内的文本（在 DIV 内），然后上下拖动该文本，它将滚动。

我还可以确认将以下样式添加到 DIV 并不能解决问题：

white-space: nowrap;

您可以在我的网站上看到问题（无论如何，截至 2013 年 3 月 1 日）：http: //visionsecurity.jp/jp/buy.html

是日文的，但您仍然可以看到问题。只需单击日本地图上最右边的黄色方块，该方块位于最右侧第一个黄色方块的下方。

但是对原始问题的“基本答案”是这样的：没有我们可以解决的答案/解决方案，因为这个 DIV 滚动问题似乎是 SAFARI 中的一个 BUG。我和一些网络程序员同事谈过，他们告诉过我。所以在这种情况下，问题的最终“解决方案”似乎完全来自苹果。我们网页设计师和程序员唯一能做的就是促使苹果加快修复浏览器漏洞的步伐：

http://www.apple.com/feedback/safari.html

于 2013-03-04T01:35:19.743 回答
1

我知道这是旧的，但我最近遇到了这个问题，并认为值得一提的是，这也可能是由于缺少z-index. 在我的情况下，我必须专门z-index为我想要滚动的 div 设置，它只发生在 Safari 中。

于 2021-03-21T10:18:10.223 回答