今日の人気記事

  1. Web上でプレゼンテーションを「LocalScroll」 - jQueryプラグイン
  2. 指定した要素の高さや横幅にアニメ効果を「CSS Animate Auto」

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

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