0

cargocollective テーマのnonfeedと同様の機能を希望するクライアントがいますが、スクロール ホイール、マルチタッチ スクロール、またはモバイル デバイスがないと、このレイアウトをナビゲートすることは基本的に不可能であることがわかりました。たとえば、彼女はトラックパッドのスクロール機能のないネットブックを持っていて、ナビゲートすることができません。また、高齢者がスクロールバーをマウスでつかんでいることにも気付きました。

明らかに、1 つのオプションはjQuery.scrollTop()、各 div の上/下にある小さな矢印または何かを使用して個々の div をスクロールするために使用することですが、これはすべての上に追加のボタン レイヤーになるため、優れたソリューションとは思えません。別のオプションは、スクロールバーを表示することですが、それでは目的全体が無効になります。

この問題を解決するにはどうすればよいでしょうか: 空白の四角形の外観を保持し、ホイールなしでスクロールできるようにし、画面上の余分なゴミを最小限に抑えるにはどうすればよいでしょうか?

4

1 に答える 1

0

さて、彼らが行ったことは、スクロールバーを見えなくするコンテナ div を作成することでした。次に、コンテナーと同じ幅の内部 div を使用しますが、y でのみスクロール可能な右側のパディングを除きます。

HTML:

<div id='outer'>
   <div id='scrollArea'>
       Insert Info here.
   </div>
</div>

CSS:

#outer{
   width:500px;
   height:100%;
   position:absolute;
   background-color:#ccc;
   overflow:hidden;
}
#scrollArea{
   width:500px;
   height:100%;
   overflow-y:scroll;
   padding-right:50px;
}
html,body{
   margin:0 0 0 0;
   padding:0 0 0 0;
}

リンク: http://jsfiddle.net/n6S5S/

于 2013-06-06T00:48:13.260 に答える