colorsプログラミングprogrammingお問い合わせcontact自作ゲーム置き場ゲームプログラミングお問い合わせホームプログラミング【JavaScript】サイドバーに今どこを読んでいるかを表示してみる【JavaScript】サイドバーに今どこを読んでいるかを表示してみるスポンサーリンクプログラミング2019.09.15こんにちは!セミマサです。JavaScriptを使ってサイドバーに今どこを読んでいるかを表示してみました。目次デモサイト今回のスクリプトpresent_Location関数sidebar_Initialize関数reAssignment関数おわりにデモサイト今回のデモサイトです。画面サイズ480px以下の場合サイドバーを表示しないようにしているのでPCかタブレットでご確認ください。・ウィンドウが読み込まれた時とスクロールした時にpresent_Location関数を実行します。・画面のリサイズ時にreAssignment関数を実行します。今回のメインとなる関数です。sidebar_Initialize関数を呼び出します。sidebar_Initialize関数については後述します。windowTopに縦方向のスクロール量を代入し、条件を満たすサイドバーの見出しにis-activeクラスを付与します。sidebar_Initialize関数side_list内の各要素からis-activeクラスを取り除く関数です。reAssignment関数heading_topに各見出しの位置を再格納する関数です。おわりに無事動くものが作れました。マサキ今日もwebでセミが鳴く関連記事プログラミング【JavaScript】日時をリアルタイム表示してみるJavaScriptを使って日時をリアルタイムに表示してみました。プログラミング【jQuery/CSS】複数のローディングアニメーションを付けるjQueryを使ってローディングアニメーションを複数付けてみました。プログラミング【JavaScript】タブメニューを作ってみるJavaScriptを使ってタブメニューを作ってみました。プログラミング【Windows向け】Atomをインストールして日本語化しよう!WindowsのPCにテキストエディタ「Atom」をインストールする方法と日本語を含む初期設定の手順をご紹介します。プログラミング【jQuery/PHP】画面遷移無しのお問い合わせフォームを作るjQueryとPHPを使って画面遷移無しのお問い合わせフォームを作った際の備忘録です。マサキなんとなくで生きてきた自分を変えるべく日々努力中のセミです。趣味はゲーム・イラスト制作・プログラミング。なにかありましたらお問い合わせフォームからご連絡ください。マサキなんとなくで生きてきた自分を変えるべく日々努力中のセミです。趣味はゲーム・イラスト制作・プログラミング。なにかありましたらお問い合わせフォームからご連絡ください。書籍紹介スポンサーリンクタイトルとURLをコピーしました。