yano3nora
7/2/2017 - 6:51 AM

[js: fixedMidashi] refs:http://hp.vector.co.jp/authors/VA056612/fixed_midashi/manual/index.html #js

[js: fixedMidashi] refs:http://hp.vector.co.jp/authors/VA056612/fixed_midashi/manual/index.html #js

fixedMidashi.html
content_copyfile_download
<!--

# 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>