今日の人気記事

  1. Tableカラム(列)にソート機能を追加「Tablesorter」
  2. 水平・垂直スクロースのシングルページを実装「fullPage.js」
  3. 時間入力を補助する「timepicker」
  4. ソート・フィルター・ページャー付きのテーブル「Datatable」
  5. select要素の複数選択フォームを実装「Multiple Select」

画面をスクロールさせない!!「noscroll」

スポンサーリンク

画面をスクロールさせないプラグイン「noscroll」を紹介します。

jQueryプラグイン「noscroll」

このプラグインを使えば、Webページに長いコンテンツがあっても、CSSで「height」を指定しても、画面をスクロールを禁止することができます。

何かしらの理由があって、画面をスクロールさせたくない!ときに便利ですね。

スクロールさせたくないとき……どんな状況だろう?よくわからないですが、おもしろいプラグインですね。

スポンサーリンク

それでは、デモページのテーブルをご覧ください。

「noscroll」のデモ

ソース( HTML + jQuery )

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="noscrollのデモでーす。">
<title>noscroll - jQueryプラグイン</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="noscroll.js"></script>
</head>
<body>
<h2>noscroll のデモでーす。</h1>
<p>画面をスクロールしてみてください。</p>
あ<br />あ<br />あ<br />あ<br />あ<br />あ<br />あ<br />あ<br />あ<br />あ<br />
い<br />い<br />い<br />い<br />い<br />い<br />い<br />い<br />い<br />い<br />
う<br />う<br />う<br />う<br />う<br />う<br />う<br />う<br />う<br />う<br />
え<br />え<br />え<br />え<br />え<br />え<br />え<br />え<br />え<br />え<br />
お<br />お<br />お<br />お<br />お<br />お<br />お<br />お<br />お<br />お<br />
</body>
</html>
スポンサーリンク

関連記事(一部広告含む)