JavaScript・jQuery - 気まぐれWEBLOG

【コピペで解消】横幅サイズ固定のサイトの固定ヘッダーの横スクロール！

bodyに最小値を設定して、header固定だとうまくいかない headerにposition:fixed;をすると、コンテンツ自体は横スクロールではみ出たコンテンツが右側に表示されます。しかしheaderはfiexdしてるので、横スクロールできず […]

個人情報保護方針に同意した場合にのみ、送信ボタンが押せるように実装。下記コピペでOKです。 HTML [crayon-68672138d7ecc374877453/] jQuery [crayon-68672138d7ed3031273920/] […]

例えば、デザインデータが750pxだとして、各画像をスライスした際に、すべての画像が750pxの横幅に対しての大きさになるので、その画像一つ一つにcssでwidth:〇〇vw;のように記載していかなければならないときがありますね。そんな面倒なことは […]

aタグでコーディングを実装したものの、一部のリンクの公開がまだ先で、aタグのリンクをつないだらNGな場面があります。ただcssはaタグで書いてしまっているのでspanに書き直したらデザインが大きく崩れてしまう。なんてことがあります。そんなときはj […]

【jQueryの条件分岐】比較の基礎ルールを猛烈にわかりやすく解説!!で条件分岐について簡単に説明しましたが、今回はその【条件】のところにフォーカスを当てます。部分一致の”indexOf”についてまず、部分一致ってとても便利で、基本的になんでも使 […]

プログラムの基本、if文を用いた条件分岐 jQueryのプログラムの本当に基礎であり、これさえ抑えてしまえば楽勝なif文。難しそうに感じてしまいますが、全然そんなことなくて、ただ比べるだけです。【もしこうだったら。。。でもこっちかも。。。最悪の場 […]

スマホのメニュー展開時にコンテンツ部分がスクロールしてしまう。スマホのメニューはアコーディオンであったり、横スライドメニューであったり、様々ですが、ボタンを押すと展開するタイプが多いですね。その際にフリックするとコンテンツ部分がスクロールできてし […]

マウスでフリックをしたい！マウスでのフリックはライブラリを使用したりとか、ちょっと難しい部分もあるので敬遠しがちですが、 html css jsの3ファイルにコピペするだけで簡単に実装できます。まずはhtmlファイルからですが、構成は上記のように […]

レスポンシブ対応で画像がPC用とSP用で違うものを使いたい場合 PC用とSP用の画像を2枚用意していてcssもレスポンシブで出し入れする場合、結局画像をdisplay noneで非表示にしているだけで読み込んでいるのでサイトの読み込み速度が遅くなりま […]

コピペで簡単タブ切り替えです。タブ切り替えってjQueryをつかってなんか難しいことをやらなきゃいけないイメージですがコピペのみで簡単実装出来ますのでご紹介致します。超簡単！３ファイルにコピペするだけ！下記のファイルにコピペしたらタブ切り替え […]