2017-06-12 10 views
0

プロパティがoverflow:scrollのdiv要素にスクロールバーを表示するにはどうすればいいですか?可能であれば、上下、左右にスクロールバーを表示したい。スクロールバーをすべてのデバイスのウィンドウ、Mac、iphone、アンドロイドに表示します。iosデバイスでスクロールバーを表示するには?

答えて

0

このような動作をさせるにはjavascriptを使用する必要があります。 overflow: hiddenのみを使用するだけでは不十分です。

$(function(){ 
    $(".wrapper1").scroll(function(){ 
     $(".wrapper2") 
      .scrollLeft($(".wrapper1").scrollLeft()); 
    }); 
    $(".wrapper2").scroll(function(){ 
     $(".wrapper1") 
      .scrollLeft($(".wrapper2").scrollLeft()); 
    }); 
}); 

http://jsfiddle.net/duez1pd1/

あなたは垂直スクロールバーの同じプロセスを繰り返してできます。私は、スクロールイベントをキャプチャして、そのような別のスクロール値を変更することをお勧めしたいです。

+0

私の質問にお答えしていただきありがとうございます。私が使用するデバイスに関係なく、スクロールバーが常に表示されるようにします。出来ますか? 何もスクロールしない限り、iosデバイスのスクロールバーは表示されません。 –

+0

残念ながら私はそれをネイティブに追加することはできないと思います。スクロールイベントをキャプチャし、ユーザーが要素をスクロールするときにx/y軸に沿って移動する独自のスクロールバーを作成できますが、それはちょっとハッキリです。 https://stackoverflow.com/questions/3845445/how-to-get-the-scroll-bar-with-css-overflow-on-iosでさらに読むことができ、iOSデバイスのスクロールバーを正常に劣化させることができます。 – kochai

関連する問題