要素の数だけ繰り返しscroll値を取得
一度に複数の要素のscroll値を取得してアレコレする案件があったので、jQueryで作成してみました。 サンプルは(クリックできるボタンの数)と同数の(コンテンツボックス)があったとして、ボタンがクリックされると、同じ…
Posted : 2018.8.17
Update : 2019.1.4
jQuery/javascript
ReadMore
BLOG
一度に複数の要素のscroll値を取得してアレコレする案件があったので、jQueryで作成してみました。 サンプルは(クリックできるボタンの数)と同数の(コンテンツボックス)があったとして、ボタンがクリックされると、同じ…
margin と padding を %で表すときは、親要素の横幅が基準となります。 上下のmargin/paddingも、親要素の【横幅】が基準です。 レスポンシブコーディング時は、これを便利にいろいろなところで活用し…
wordpressで、個別記事ページ(single.phpで表示されるページ)に、関連記事一覧を表示させる方法。 実現したいこと カテゴリに階層がある場合、同階層のカテゴリに属する記事のみを表示したい。 ↑このようなカテ…
エフェクト無しな、単純なロールオーバー。 末尾に「_off」がついている画像は、「_on」とついている画像にロールオーバー表示されます。 $(function(){ $(“img[src*=’_off’]”).addCl…
この記事には【改訂版】がございます。 是非下記の記事をご覧ください。 横幅いっぱいのメイン画像を配置したレスポンシブコーディング【改訂版】 用意されたデザインファイルは下記のような感じ。 メインイメージの青枠の部分はマス…