【position:sticky】stickyイベントをjqueryで取得したい
兵庫県三田市でホームページ製作をしいているゴリラドットです。 「position:sticky」とっても便利ですよね。これまでjavascriptやjqueryでゴリゴリスクロールイベントを使って追従させてた部分がホントにcss一行「position:sticky」だけで実装できちゃうんだから。 ただ便利なものを使いだすとさらに欲が出てきて「んじゃposition:stickyが固定になったタイミングでイベントを取得してなんかちょっと半透明にしたり高さコンパクトにしたりしたい！」と思いますよね。つまりstickyイベントを取得したい、というケース。 というコトでここでは「position:sticky」のイベント発火をjqueryやjavascriptで検知してなんか処理する方法を紹介します。 そんなイベントはない いきなり「そんなぁ～…」という阿鼻叫喚が聞こえてきますが、残念ながらsti
【jQuery入門】「:last」や「last()」を使って最後の要素を取得する方法！ | 侍エンジニアブログ
こんにちは、ライターのマサトです！ 今回は、jQueryから任意のHTML要素で一番最後の要素だけを取得できる「last」について学習していきましょう！ この記事では、 「last」とは？ まず最初に、「last」について基本的な知識から身に付けていきましょう！ 「last」は、複数の同じHTML要素の中から一番最後の要素だけを取得できる機能を持っています。例えば、次のようなリスト要素を考えてください！ <ul> <li>サンプル１</li> <li>サンプル２</li> <li>サンプル３</li> <li>サンプル４</li> </ul> 「liタグ」が4つ並んで配置されていますが、この中から一番最後に配置されている要素を取得したいとします。それはつまり「サンプル４」というテキストが表示されたリスト要素ということになります。このようなケースで「last」は役に立つわけです。 ちなみに、
[Javascript] onclickなどでbind関数を使って、任意の値をイベントハンドラーに渡す - YoheiM .NET
こんにちは、@yoheiMuneです。 Function.prototype.bindの第2引数以降を使うと、conclickなどに任意の値を渡せるんですね。便利だったのでブログに書いておきたいと思います。 目次 bindの第2引数以降を使って任意の値を関数に渡す 通常、呼び出す関数のthisを指定するために使うことが多いbindですが、以下のように実装すると、onclickなどのイベントハンドラーで関数に任意の値を渡すことができます。 // なんらかの値 var user = { id : 1, name : 'Yohei'}; // コールバック関数 // userを引数で渡すことができます。 function handleClick(user, e) { alert('選択されました：' + JSON.stringify(user)); } // onclickを指定する var b
![[Javascript] onclickなどでbind関数を使って、任意の値をイベントハンドラーに渡す - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/064e6e8225f1917a2b67b2f29f062da3a1c134bc/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F479.jpg)
parent連打やめろ - Qiita
はじめに jQueryに不慣れな方向けにアンチパターンを紹介する記事です。 親の要素を取得するparentはメソッドチェーンが可能で親の親の要素を取得できます。 その感覚で親の親の親の親の…とやってしまいがちですが、今すぐやめましょう。 アンチパターン <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body> <div data='div1' class='div1'> div1 <div data='div2' class='div2'> div2 <div data='d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
finefinefine.jp
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
