Blog2015-09-29CSSで横スクロールテーブルをつくるこんにちは、95(くごー)です。私のチーム内では最近、タスク完了のご褒美にBOSSから黒糖をもらうのが風習になっています。頂けるのは大変うれしいのですが、食べ物を長く放置する癖がありまして若干食べ物を頂くときに不安を感じます。ジョジョのチョコラータとセッコみたいな感じです。今回の記事の内容ですが、業務内で横スクロールのテーブルを作成したので記事にしたいと思います。今回行うことテーブルの一部分を固定して横スクロールのテーブルを作成したいと思います。変更前のテーブルを横スクロールのテーブルに変更するにあたって、htmlをまず固定したい部分(画像赤枠部分)とスクロールしたい部分(画像青枠部分)を分けて記述します。実際のソース上での変更は以下です(ポイントだけ記述したいので一部省略します)。absoluteを指定して、それらの親要素にposition:relativeを指定します。250%;}このままでもいいのですが、ブラウザのウィンドウサイズごとにテーブルの高さを可変に調整したいのでhtml末尾に以下のjQueryを追加しました。scrollFix();});</script>以上で完成です。変更前と変更後のソースは以下です。</tbody></table></div></div></body></html>まとめ今回は横スクロールテーブルを作成しました。縦スクロールの場合も固定部分をスクロール部分に分けて変更していけば概ね簡単にできると思います。いい方法があればコメント頂けると勉強になります。LambdaでWebサイトの死活監視を行ってSlackに結果を流すこんにちは、AWS担当のwakです。Lambdaの話をし...2015-11-09StatusCakeでサイト監視してSlackへ通知するこんにちは。今回は川奈ホテルゴルフコ...2015-06-16NmapでSSLの設定と対応ブラウザの確認方法こんにちは、罰金担当の高橋です。(1)はてなブログをはじめよう!jabe20さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。