HTML・レイアウトの操作：
現在表示されている部分のみをトリム
ページの現在表示されているエリアのみをトリミングして、縦スクロールバーを最小限残した状態で一時的に縦スクロールできない状態にする。
String
ページ全体を入れたNodeのタグを指定 省略した場合は最初の Element Node を対象とする
- (例) <body> <div> コンテンツ〜コンテンツ </div> </body> という構成なら「div」を指定する。
- (例) <body> <section> コンテンツ〜コンテンツ </section> </body> という構成なら「section」を指定する。
●必須引数 ●オプション引数(省略可能)
記述例
$trimOnePage()
$trimOnePage('section')
◆ 元に戻すための関数
$restoreOnePage()
$restoreOnePage()
注意点
<body>がひとつの子Nodeだけを持っている構成でのみ使用可能な関数。
この関数でページがトリミング中かどうかはklib独自変数の『klibTrimOnePageStatus』(Bool値)を参照することで可能。
動作サンプル
引数の無し・有りで実行するサンプル。
Javascript :
$trimOnePage();
$trimOnePage('div');
alert(klibTrimOnePageStatus);
$restoreOnePage(); //$trimOnePage()を解除する
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。