2011-07-09 6 views
5

この質問への回答を検索しましたが、 hide scrollbar while still able to scroll with mouse/keyboardが見つかりましたが、jQueryプラグインではやりたいことはしません。 1つは、スクロールがちょっとしたもので、制御不能であると感じます。 私はこれが必要な理由は簡単です:いくつかの項目を展開し、スクロールバーが横から見えて、すべてが左に移動すると、私のページは少し長くなります。私はこれを避ける方法を持っていますが、スクロールバーを常に見えるようにしたり、完全に隠したりしながらスクロールすることができます。スクロールバーを非表示にしてもネイティブ感覚でスクロールできるようにする

ここに私が意味する例があります:http://screencast.com/t/Roi3HJtHyH長いエントリをクリックするとコンテンツが左に移動し、この効果は少し醜いように見えます。

答えて

1

これは標準的なブラウザの動作です。

スクロールバーを削除すると、使い勝手が悪くなります。


スクロールバーを常にcssで表示するように設定できます。

CSS:

body { 
    overflow-y: scroll; 
} 
+0

私は、このために行くと思います。最も適合するソリューションのように見えます。 –

0

あなたが本当に(、フレームセットでスクロールするための最悪の場所を)スクロールを無効にしたい場合は、無=スクロールを使用します。

13

あなたの質問にお答えするために、ここではthe scrollable page without scrollbarです。

これは好ましくありません。また、私はスクロールバーにLobelloがすでに回答しているように強制します。

+0

ところで、それはタッチデバイスではうまく動作しないようです。少なくともipadのSafariモバイルはそうは言いません。 – Joonas

+0

@Lobelloうーん、興味深い。それを使用しない別の理由。 – NGLN

+0

@NGLN:Chrome/Safariでデモをお試しください:ラインをハイライト/選択してマウスを右にドラッグすると、スクロールバーが表示されます。または、内部要素の代わりにテキスト領域を使用し、それにテキストを入力します。キーボードの 'Page Up'と' Page Down'を使います。 – Mori

-1

これが私の作品:

body{ 
     overflow:hidden; 
    } 
関連する問題