JavaScript library to animate elements as they scroll into view.
ScrollReveal 4
JavaScript library to animate elements as they scroll into view.
webmanab.html
<ul class="list"> <li><a class="js-btn" href="#sectio01">01</a></li> <li><a class="js-btn" href="#sectio02">02</a></li> </ul> <div class="box"> <section class="section" id="sectio01"> <h2>title01</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum earum iusto saepe, vero beatae. Earum error vel qui tenetur repellendus, in ex praesentium facere dolores cupiditate esse, recusan
jQueryで、スクロールがある要素の高さを取得する
overflow : auto な要素で、スクロールが発生したかどうか確かめたくて、調べたのでメモ。 // 元の高さ $('#hoge').attr('scrollHeight'); // 表示されている高さ $('#hoge').attr('offsetHeight); これでscrollHeightの方が大きかったらスクロールがあるという事になります。 調べてると、どうもjQuery1.6での仕様変更あたりでいろいろあるらしい。 上記ではなく、下記で方法で取得した方が安全みたい。一応動作確認できました。 // 元の高さ $('#hoge').get(0).scrollHeight; // 表示されている高さ $('#hoge').get(0).offsetHeight; 参考 jQuery 1.6でattr()の動作が変わった – R42日記 jQuery1.6以降でattr(“off
.position()と.offset()の違い > CSS > jQuery | 吉本集
<style> #rect0{ position:relative; width:100px; height:100px; } #rect0 p{ margin:20px; background-color:#89e887; width:60px; height:60px; } </style> $('#btn0').click(function(){ $('#input0').val( $('#rect0').position().top ); $('#input1').val( $('#rect0').position().left ); $('#input2').val( $('#rect0').offset().top ); $('#input3').val( $('#rect0').offset().left ); $('#input4').val( $('#rect0 p').
jQueryでfadeOutの後にremove - Qiita
としてみたところ、 フェードアウトせずにそのまま消えてしまった。 ちょっと調べてみると、処理を待つキューに入る処理と入らない処理があるとのこと。 エフェクト系は概ね入るようだけど、remove()はキューに入らない。 キューに入れるには.queue()を使う。
使い勝手の良いカラーピッカーのjavascriptライブラリ 商用利用OKなもの1４選 | sounansa.net
多くのケースでは、WEBシステムでカラーピッカーを実装しようと思うと、グラデーションのパレットから選択するよりも、あらかじめ決められたいくつかのパレットの中から選択させるほうが、ユーザービリティに優れていると思います。 検索しても出てくるのはグラデーションから選択するカラーピッカーばかりなので、絞り込まれた色のパレットからの選択方式のカラーピッカーを調べてみました。 Huebee 惜しいな。デザインのテイストは悪くないですが、実案件ではこんなにパレットの色は必要ないです。ライセンスはMITです。 md-color-picker Angular用のカラーピッカーです。Angular-Materialをベースに作られています。パレットのパターンがいくつもあります。無駄に高機能すぎるので、もっと機能を絞れると嬉しいです。ライセンスはMITです。 Really Simple Color Picke
[JavaScript] e.preventDefault とか e.stopPropagation とか return false - Qiita
イベントの伝播を中断します イベントフローは キャプチャーフェーズ ターゲットフェーズ バブリングフェーズ の順で実行されますが、途中でイベントの伝播を抑止することができます 【蛇足】 IE8以前はキャプチャーフェーズに対応していません。→ caniuse jQuery の内部では addEventListener でイベントリスナーを追加するとき、 useCapture を false にして実行しています。つまり、キャプチャーフェーズは使用されません キャプチャーフェーズはほぼ使わなくても事足りる事が多いです
![[JavaScript] e.preventDefault とか e.stopPropagation とか return false - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4e866a061e2648f272777eaa9aee1e742dbe4fbb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMGUucHJldmVudERlZmF1bHQlMjAlRTMlODElQTglRTMlODElOEIlMjBlLnN0b3BQcm9wYWdhdGlvbiUyMCVFMyU4MSVBOCVFMyU4MSU4QiUyMHJldHVybiUyMGZhbHNlJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hNzJhODc2NjFhNDk3ZDk5OWZjMWI1YjUyYTg1NDlmNw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbWFkb2JvbiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTMxODFlNTZkYjczNWJkMThjMmNjNWZkNmJlZDQwZjY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D3ed4f8da2525c879e5577bbdcf524763)
jQueryのclickとbindとliveとdelegateとonの違い - Qiita
よくある解説 bindはajax等で変更した要素にはイベントが動かない liveはajax等で変更した要素にもイベントが動く jQueryで追加した要素を操作するにはon()メソッドで 問題 $('table').bind('click', function(){ console.log('bind-table') }); $('tr').live('click', function(){ console.log('live-tr') }); $('td').live('click', function(){ console.log('live-td') }); という状態の時、tdをクリックした際にコンソールにどういう順番で出力されるか。 回答、、、の前に javascriptのイベントは本来、外側から内側（tableからtd）に向かい（キャプチャーフェーズ）、対象の要素まで到達すると、
You Might Not Need jQuery
jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha
jQuery オブジェクトと DOM エレメントの変換
ジェイクエリーすぐ忘れる DOM エレメント -> jQuery オブジェクト $() 関数に入れてあげれば OK var sample = document.querySelector('#sample'); var jq_obj = $(sample); jQuery オブジェクト -> DOM エレメント jQuery オブジェクトのインデックス 0 らしい var dom_element = jq_obj[0]; 検証 var body = document.querySelector('body'); var jq_obj = $(body); var dom_elm = jq_obj[0]; body === dom_elm // true
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - terrymun/Fluidbox: Replicating and improving the lightbox module seen on Medium with fluid transitions.
Get class list for element with jQuery
How can I remove all CSS classes using jQuery/JavaScript?
JQuery: fire action when element is in view
http://t1m0n.name/air-datepicker/docs/