モーダルウィンドウの後ろがスクロールされてしまう時の対策方法（jQuery） - Qiita
どうも7noteです。背景がスクロールされてしまう問題の解決方法 モーダル処理に対策を入れていなければモーダルが開いている間でも背景（本文）がスクロールされてしまいます。 さっそくソースの方へ。 ソース jQueryを使用しています。jQueryって何？という方はこちら <p>みなはその間どうもその享有地としてののためを打ちでまし。もし当時で尊重方はもっともその意見なけれうなどに加えるがいらっしゃるたらには懊悩なれですうて、どうには組み立てうありんん。金力にしましのは単に元来でもうましませで。 〜〜〜〜省略〜〜〜〜〜〜〜〜〜〜〜 無論大森さんを公言兄ちょっと意味がありあり敵その縁私か満足でにおいてご相当たないありですて、その事実は君か人心持で眺めて、大森さんの事へ日本人の私をよくお観念と衝くから私示威にお安心しです。この他も私上に罹って今などしからくれ点か思いうなけれが、このためあれをたて
【JS】スクロールしたら要素を表示させる | WEB-DEN
今回はスクロールすると表示されるボタンの作り方を解説します。 Web制作などでページをある程度スクロールしたらTOPに戻るボタンをふわっと表示させたい、 みたいな要望って結構あると思います。（実際に制作した経験あります） この記事ではそういったスクロールに応じて表示される要素の作り方を、 jQueryを一切使わず、純粋なJavaScriptのみで対応する方法をお伝えします。 できるだけ丁寧な解説にしてみましたので最後まで読んでいただけるとありがたいです。
scrollに応じて要素を固定/解除するCSS「position: sticky」とpolyfill「sticky-state」の紹介（脱jQuery）
当ブログでは、画面をスクロールすると途中でサイドバーを固定/解除する機能を実装しています。もともとこの機能をJavaScript（jQuery）で独自に実装していました。今回のこのサイドバー固定/解除機能をCSSの「position: sticky」で実装し直すことにしました。いわゆる脱jQueryです。スクロールが絡むJavaScriptの処理は、イベントが頻発するためにブラウザに負荷をかけやすいです。今回CSSの「position: sticky」で実装し直したことで、ブラウザに優しいページになったんじゃないかなと思っています。今回はこの「position: sticky」でのサイドバー固定機能の実装方法と、polyfill「sticky-state」の使い方を紹介したいと思います。 はじめに当ブログでは、ページをスクロールすると途中で「サイドバー」が画面に固定されるようになっています
jQuery でスクロール終了イベントを取得する : まだプログラマーですが何か？
jQuery を使うと、スクロールイベントを簡単に取得したり、スクロールイベントに対するハンドリング処理を実現できます： $(window).scroll( function(){ var scroll_top = $(this).scrollTop(); //. スクロール位置 : （スクロール時の処理） console.log( 'top = ' + top ); : }); ただ、少し取扱が難しい面もあります。上記の内容のままだとスクロールを感知する毎にイベントが発生し、その全てをハンドリングすることになります。要するに一回のスクロールの中で何度もこの処理を繰り返すことになります。 これを「スクロールが一段落したらハンドリング処理を行う」ように改良してみます。考え方として一定時間（以下の例では 200 ミリ秒）スクロールイベントが発生しなかったらハンドリングする、という考え方で擬似的
URLの?以降（GET値）を取得する
jquery.query-parameter.js �Q vU K� vU // jQuery版に書き換えた (function($){ var queries = (function(){ var s = location.search.replace("?", ""), query = {}, queries = search.split("&"), i = 0; if(!s) return null; for(i; i < queries.length; i ++) { var t = queries.split("="); query[t[0]] = t[1]; } return query; })(); $.queryParameter = function(key) { return (queries == null ? null : queries[key] ? queri
jQueryの基本 - $(document).ready - Qiita
これは画像などを除いて、HTML=DOMの読み込みが終わったらfunction()の中の処理(=なにかしらの処理)を実行するという意味です。 jQuery(JavaScript)はHTMLが完全に読み込まれないまま何か処理を実行すると大抵正しく動作しません。なのでこのreadyを使うことになります。 $(function(){ //なにかしらの処理 }); jQuery(document).ready(function() { //なにかしらの処理 }); jQuery(function(){ //なにかしらの処理 });
【jQuery】formのリセットをで3行で書いてみる at softelメモ
フォームのリセットといえばこれ。 <input type="reset" value="リセット" /> しかしこれは各フォームのデフォルト値に戻すだけで、もともと何か値を持っていた場合、空欄の状態にはなりません。 （とあるフォームにて） そこでjQueryで各フォームを空欄・未選択にできるような処理を書いてみます。 その際、hiddenだけは空欄にしないようにしてみます。 $(".clearForm").bind("click", function(){ $(this.form).find("textarea, :text, select").val("").end().find(":checked").prop("checked", false); }); こんな感じになります。 DEMO ラジオボタン が選択されていても。 なにかチェックされていても。 テキストエリアでも。
Documentation • jQuery Feeds
Google Feed API was retired, thus this project is broken. There are no plans to fix it. jQuery Feeds - RSS/Atom aggregator using jQuery Easily create news streams and social activity widgets using the jQuery Feeds Plugin. Launch the demo! Features Fetch entries from multiple RSS or Atom feeds Entries are combined and displayed in chronological order Fully customizable markup Fully customizable loa
jQueryでclassやidをワイルドカード指定 - Qiita
<ul> <li id="aaa1">TEST1</li> <li id="aaa2">TEST2</li> <li id="aaa3">TEST3</li> </ul> $(function(){ $("[id^=aaa]").on("click",function(){ console.log($(this).attr("id")); }); });
入力された文字列に含まれる空白文字を削除する方法 - JavaScript TIPSふぁくとりー
《2017年6月13日 12:30 PM 公開/更新》 入力された文字列に含まれる空白文字を削除する方法 [計算・変換] ユーザに何らかの文字列の入力を求めたとき、余計な空白文字(スペースやタブなど)が含まれてしまうことがあります。余計な空白文字をそのまま保存したり送信したりしてしまわないように、JavaScriptで事前に一括削除しておくと良いでしょう。ユーザが入力した文字列に含まれる空白文字(スペースやタブなど)を一括削除するには、正規表現を使うのが楽です。前後の空白だけを取り除くtrim関数のような処理も簡単です。 文字列に含まれる空白文字を一括削除する方法いろいろ 正規表現を使って、文字列中の空白文字(スペースやタブなど)を一括削除する方法 正規表現を使って、文字列の前後にある空白文字だけを削除する(trim関数っぽい動作をする)方法 文字列の先頭(前方/左側)にある空白文字だけを
【jQuery】これだけで完璧に導入できる［Lightbox］の実装方法。
一時期、多くのサイトで導入され大流行した jQuery プラグイン［Lightbox］の使い方を紹介します。 皆様もうご存知でしょうけれど、念のために動作のサンプルを以下のURLに置いておきます。 画像をクリックすると背景が暗くなり、指定された画像がズームして再表示されます。 Lightbox：サンプル・デモ まずは公式サイトより、［Lightbox］のデータ一式をダウンロードしてきます。 Lightbox：ダウンロード ダウンロードした zip ファイルを展開すると、いくつかのフォルダとファイルが解凍されます。 基本的に、使用するのは「js」フォルダの中にある［lightbox.js］と、「css」フォルダの中にある［lightbox.css］、それと「img」フォルダの中の、ベースとなる画像４点（close.png、loading.gif、next.png、prev.png）になります
jQueryを使って テキストボックスに打ち込んだ文字を リアルタイムで取得する方法
フォームってWebページに動的な仕掛けを作る 一番初歩的なものだと思います。最初にフォームからいろいろと動かせるようになると、その後にいろいろと応用も効いてくると思います。経験上。 フォームから値を取得したり、取得した値を表示したり、選択項目に合わせて 見た目をガラっと変えてみたりするのは jQueryなどのプログラミング初心者だと 結果がすぐに目に見えるので非常に楽しいです。 そこで まずはフォームのなかでも扱いやすい、テキストボックスの値を取得して表示させてみたいと思います。 ただ、そのままテキストの値を取得しても面白くないので、打ち込んだ文字を打ち込んだそばからリアルタイムで取得して表示させてみたいと思います。 2013/07/10追記 プラグイン作りました！ この記事の内容を、サクッと反映させられるプラグインです。 ﾃｷｽﾄﾎﾞｯｸｽに打ち込んだ文字をﾘｱﾙﾀｲﾑで取得できるjQu
ページ内で気持ち良いスムーススクロールをするためのjQueryプラグイン作った。
ページ内リンクをクリックした場合にスムーズにスクロールするようにしてくれるjQueryプラグインです。同じようなプラグインはたくさん公開されているのですが、これだ！というのがなかなかなかったので自作してみました。 ダウンロード 使い方 下記のような感じでjQueryとjQuery.smoothScroll.jsを読み込みます。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery.smoothScroll.js"></script> あとは普通にページ内リンクを設定するだけです。 <div id="header"> ヘッダー内容
現在の日時をリアルタイムで取得（ローカル） | jQuery逆引き | Webサイト制作支援 | ShanaBrian Website
ライブラリのダウンロードと設置 「ライブラリのダウンロード」をクリックしてダウンロードしてください。 ライブラリのダウンロード ダウンロードしたjquery.todate.jsを任意の場所へ置き読み込みます。 （jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。） <script type="text/javascript" src="jquery.todate.js"></script> JavaScript 設定したい要素などを指定し実行します。 $(document).ready(function() { $('#date').toDate(); }); HTML <div id="date"></div>
無職のプログラミング JavaScriptの中括弧と大括弧についてまとめた
という記述があり、何を意味しているかわからなかった。 そこでJavaScriptの中カッコと大カッコについて調べた。 忘れないうちにブログにまとめておく。 中括弧 { } ・functionやif for構文などで、文のブロックをくくる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jquery.idle/jquery.idle.js at master · henriqueboaventura/jquery.idle
Tiny Circleslider: A lightweight cross browser circular carousel.
http://www.hp-stylelink.com/news/2014/06/20140624.php
http://mmenu.frebsite.nl/
Transit - CSS transitions and transformations for jQuery