ABOUT|その他

IT見聞録|その他|備忘録|動作テスト|CSSサンプル

NO1_スクロールを擬似的
に非表示(縦横)

スクロール出来ます。

てすと1行

てすと2行

てすと・・・・・・・・・・・・・・・・・・・・・・・・・・・・・3行

てすと4行

てすと5行

てすと6行

てすと7行

てすと8行

てすと9行

--- CSSソース ---
#wrap_01{width:200px;height:150px;overflow:hidden;border:solid 1px #ddd;}
#inner_01{width:200px;height:150px;padding-right:30px;padding-bottom:30px;overflow:scroll;}
---ページソース----
  
   

スクロール出来ます。

        

てすと1行

        

てすと2行

        

てすと・・・・・・・・・・・・・・・・・・・・・・・・・3行

        

てすと4行

        

てすと5行

        

てすと6行

        

てすと7行

        

てすと8行

        

てすと9行

   
---ページソース----

NO2_スクロールを擬似的に非表示(縦のみ)・・・横も消すと物理的
(マウススクロールは縦しか出来ない)に向かない為縦のみ。
おそらくこちらが実用的

スクロール出来ます。

てすと1行

てすと2行

てすと・・・・・・・・・・・・・・・・・・・・・・・・・・・・3行

てすと4行

てすと5行

てすと6行

てすと7行

てすと8行

てすと9行

--- CSSソース ---
#wrap_02{width:200px;height:150px;overflow:hidden;border:solid 1px #ddd;}
#inner_02{width:200px;height:150px;padding-right:30px;overflow:scroll;}
---ページソース----
  
   

スクロール出来ます。

        

てすと1行

        

てすと2行

        

てすと・・・・・・・・・・・・・・・・・・・・3行

        

てすと4行

        

てすと5行

        

てすと6行

        

てすと7行

        

てすと8行

        

てすと9行

   
---ページソース----
元ページへ

  プロフィール  PR:無料HP  北播ドライビングスクール  ゲーム 専門学校  THKリズム  カーナビ 取り付け  タイヤ クラウン 新品  音楽 就職  BLITZ  ホームセンター  幼稚園教諭 短期大学  TMJ投資顧問  タイヤ 取付 神戸市  名簿屋