Skip to content

Instantly share code, notes, and snippets.

@yano3nora

yano3nora/fixedMidashi.html

Created July 2, 2017 06:51
Show Gist options
  • Save yano3nora/5245b1741bc2675022a340a43f44430e to your computer and use it in GitHub Desktop.
Save yano3nora/5245b1741bc2675022a340a43f44430e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
fixedMidashi.html
<!--
# fixedMidashi
jQuery依存しないJSプラグイン
## _fixedHead=" " パターン
- div-auto-size: none;
- div-full-mode:yes;
-->
<script src="fixed_midashi.js"></script>
<style>
/*js-fixedMidashi */
.js-fixedMidashi {
overflow: auto;
min-width: 100%;
min-height: 100%;
table {
min-width: 800px;
}
}
.fixed_header_display_none_at_print {
left: 0 !important;
right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* 動作中の見出しスタイリング(sp追従メニューバー差分) */
.fixed_header_display_none_at_print {
margin-top: 64px;
}
@media screen and (max-width: $mq-switch-maxwidth) {
.fixed_header_display_none_at_print {
margin-top: 48px;
}
}
</style>
<body onLoad="FixedMidashi.create();">
<div class="js-fixedMidashi">
<table class="c-table t-font-size--small" _fixedhead="div-auto-size: none;">
<thead></thead>
<tbody></tbody>
</table>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment