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

誰か助けてくれますか?、これまでのところ、Google での回答はありません...

4

4 に答える 4

5

スクロールバーの1つを非表示にする必要がある場合、スクロール機能を備えた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

日本語ですが、まだ問題が見られます。日本地図の右端にある最初の黄色の四角の 1 つ下にある、右端の黄色の四角をクリックするだけです。

しかし、元の質問に対する「基本的な回答」は次のとおりです。この DIV スクロールの問題は BUG IN SAFARI のように見えるため、私たちが実行できる回答/解決策はありません。私は、私にそう言った何人かの Web プログラマーの仲間と話しました。したがって、この場合、問題の最終的な「解決策」は、もっぱら Apple から提供されるように見えます。私たち Web デザイナーやプログラマーができる唯一のことは、Apple にブラウザのバグ修正のペースを速めるよう促すことだけです。

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 に答える