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  KDS釧路自動車学校  大型免許 格安  TRUST  タイヤ 履きかえ  タイヤ エルグランド 新品  保育 短期大学  スノコ  山陰中央自動車学校  モルダバイト  保育 大学  小学校 教員免許 通信  Z ホンダ 中古  セキスイのリノベ