htmlで縦スクロールもしくは横スクロールを表示する

muramatsu 226views 更新:2016年12月2日
横スクロール
<input type="text" style="overflow-x : scroll ; position: relative; right: 250px;" readonly value="">
縦スクロール
<input type="text" style="overflow-y : scroll ; position: relative; right: 250px;" readonly value="">

divの要素にclassを指定してあげて以下の特定のclassに属するテキストエリア にスクロール機能をつけたい場合は

<head>
<style type="text/css">
div.class_test {
  style="overflow-y : scroll ;
}
</style>
</head>
<body>
<div class="class_test">
<input type="text" value="" name="hoge">
</div>
</body>

と言うかたちでも大丈夫だと思います

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません