サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
都知事選
begoingto.jp
まず、各divやsectionの座標を保存しておき、 スクロールがあったときは、jsで都度座標を取得して、どのメニューに対応した場所なのか判定しています。 1. CSSの調整 CSSに関しては細かい解説はしませんが、ヘッダー固定メニューの場合、下記のようなCSSを記述します。 ただし、position: fixed;は一部のスマホでは未対応のため、幅広くブラウザ対応する場合は別のやり方を考慮する必要があります。 #header { position: fixed; width: 100%; height: 50px; top: 0; text-align: center; background: rgba(180, 180, 180, 0.9); border-bottom: 1px solid #ccc; } 2. ページ内スクロール用jsの記述 jQueryを使っています。下記のような
About 通常のカウントアップの方法だと、カウントアップさせる数値が大きい程、処理完了まで時間がかかってしまう問題がありました。それに対応したのが本スクリプトです。 動作にはjQueryが必要です。 Example 使用例 結果表示 0 数字を選択してください 25 6402 432800 初期化する clear 同時使用もOK 好きな季節は? 春 夏 秋 冬 わからない 結果表示(人数は適当です) 0人 Download あまり汎用性は無いですがプラグイン化しました。 jquery.number_counter.js How to use 1. jsの読み込み headタグにjsの読み込みの記述をします。同時にjQueryの読み込みもします。 <script src="js/jquery.min.js"></script> <script src="js/jquery.number_c
このページを最初にブックマークしてみませんか?
『begoingto.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く