web関連 - jQuery
-
プログラミング
【jQuery】オリジナルスクロールバーを用意してクリックしたら移動する機能を作ったときの備忘録
2020/06/24プログラミングjQueryブラウザのスクロールバーを使う機会が意外と多いいのでオリジナルスクロールバーを用意して、クリックしたら移動する機能を作ってみた ソースコード デモのベースが前回の備忘録なので、追加分だけ載せておく <style&g… -
プログラミング
【jQuery】今ページのどの辺をスクロールしているか視覚的にわかるバーの実装方法
2020/06/23プログラミングjQuery今どの辺をスクロールしているかわかったり、後どのくらいで読み終わるのかが視覚的にわかるスクロールバー？を実装しようとしたときの備忘録 どの辺をスクロールしているかわかるバー 参考サイト通りにやったら修正することなくできち… -
プログラミング
【jQuery】ボタンを押したら全画面でコンテンツを表示するボタンが二つ以上あったときの処理
2020/06/10プログラミングjQuery全画面で表示するコンテンツが2つあったときに、どちらも開いた状態にならないようにいい感じにしたときの備忘録 やりたいこと ボタンを押したら全画面表示になるボタンが2つ 全画面表示は一つしか開かないようにしたいボタンを二つ… -
プログラミング
【jQuery】スクロールに合わせて背景画像が上にずれるパララックス(複数対応)
2020/06/05プログラミングjQuery複数の背景画像がスクロールに合わせて上にずれていくパララックスを作ったときの備忘録 ソースコード <style> html, body { background: black; padding: 0; mar… -
プログラミング
【jQuery】自動スクロールしながら特定の要素が画面内に入ったらページ遷移
2020/06/02プログラミングjQuerywebstorageと自動スクロールを組み合わせて、ページ遷移しても自動スクロールをしつつ「次」「前」のページを選択できるようにしたときの備忘録 自動スクロールと自動で遷移するjQueryのコード 「次」「前」のボタンを… -
プログラミング
【jQuery】WebStorageを使って最後に開いたタブを開いた状態にする
2020/05/30プログラミングjQuery以前、cookieを用いて最後に開いたタブを保存して、再度アクセスしたらそのタブが開いた状態にするということをしたけど、ブラウザに値を保存するWebStorageでまま差し替えられね？って思った時の備忘録 WebStor… -
プログラミング
【javascript】ランダム配置した画像が極力位置が被らないように調整
2020/05/22プログラミングjQuery 言語-javascript画像をランダム配置したときに結構な確率で画像同士が被ったりするので極力被らないように調整してみた ソース 通常のランダムで画像を均等に配置してみたかったので作った <div class="containe… -
プログラミング
【js】コンテンツの高さを一番高い要素に整える
2020/04/13プログラミングjQuery 言語-javascript横並びの要素とかで高さを一番高いのに合わせたかったときの備忘録 jqueryで要素を一番高いものに合わせる方法 ↓参考、つかままだね ボックスの高さを一番高いものに合わせる <script> var maxH… -
プログラミング
【jQuery】スクロールして指定したリンクが画面内に入ったら自動でリンク先に遷移
2020/04/01プログラミングjQueryブログサイトに自動スクロール&自動ページ遷移機能を実装したかった時の備忘録 今回はスクロールして該当のリンクがあったら自動でページ遷移する機能を実装する スクロールして指定したリンクがあったら自動遷移するソース… -
プログラミング
【js】javascriptとjQueryの幅の取得方法
2020/03/27プログラミングjQuery 言語-javascriptjavascriptとjQueryでの幅の取得方法の備忘録 要素の幅を取得するjavascriptとjQuery 前回まとめきれなかったので実質前回の続き 使用するソースコード <style> #conten…