3

私の問題は、ポートフォリオ ページで使用されている水平スクロール バーにあります。マウスホイールを使用してスクロールしないことを除いて、なんとか機能させることができました....バーをクリックしてドラッグすると、正常に機能します。

ここで私のプロジェクトを見ることができます- ポートフォリオ ページをクリックすると、スクロール バーでパネルを下にスライドします。そして、私の問題があります。

私の構造は次のようなものです：

 <div id="portfolio"><!--this is the sliding panel-->
  <div id="width"><!--this is the thumb container-->
    <article>  
    </article>
  </div>
 </div>

そして私のCSS：

#portfolio {
     display:none;
     position:absolute;
     width:100%;
     height:400px; // may need to play with this 
     border-bottom:3px solid #CCC;
     top:0px;
     left:0px;
     z-index:99999;
     background-color:#fff;
     box-shadow: 0 0 37px 7px #000;
     overflow-y:hidden;
     overflow-x:scroll;
} 
#width {
    width: 3000px;
    height:320px;
    overflow-y:hidden;
    border:1px solid red;
    float: left;
}

マウス ホイールを使用してスクロールできないのはなぜですか?

4

1 に答える 1

2

水平方向にスクロールするには、キーボードのシフト キーを押したまま、水平方向のキャンバス上でマウスをスクロールする必要があります。設計されたサイトでは完全に正常に機能しています。

これは、水平方向にスクロールするための jquery リンクです。

ページを横にスクロール

于 2013-01-14T09:33:25.610 に答える