今日の人気記事

  1. ExcelのようにTableが編集できちゃう「Handsontable」
  2. 数値範囲をマウスで指定 - レスポンシブ・レンジスライダー「noUiSlider」
  3. ページ内にタブメニューを実装「tabs.js」 - jQueryプラグイン
  4. テーブルをレスポンシブ対応に「rt Responsive Tables」
  5. くるくる回る画像ギャラリー「Rondell」

画面をスクロールさせない!!「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>
スポンサーリンク

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