ページ内リンクを指定する時に、急に画面が切り替わると現在の場所を見失うことがあります。
それを、解消するためにスクロールで指定の位置まで移動する設定にjQueryを使って行います。
■ページ内リンクをスクロールで移動するやり方
1.ボタンを作成します。
2.head内でjQueryを呼び出します。
3.その後に以下のスクリプトを記入します。
★完成★
webサイトを作る際は、そのサイトを見るユーザーがいかに見やすいかを意識して作るように心がけましょう。
＜参考サイト＞
【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascript ｜ KLUTCHE
この記事を見た人は次の記事も見ています。
WordPress ログイン画面をカスタマイズ
jQueryでスクロール位置を取得
WEB広告の話(WEB広告の種類)
【イラストレーター】ダイレクト選択ツール
第十五回「WordPressサイトの利点」
font-size
モーダルウィンドウを簡単に実装できる「Modaal」プラグインの使い方
CSS3で色を指定する- rgba()不透明度指定できる【css3】
要素が見えたタイミングでイベントを開始させる
Web製作で役に立つジェネレーターサイト3選まとめ
第七回「Meta Sliderを使った、簡単スライダー作成。」
WP 複数の投稿タイプの新着一覧の作成
ページ外リンクにクラスを付与
Googleフォーム
見出しのデザイン
1行で、レスポンシブ改行テクニック
WP:記事内の画像をアイキャッチ化- CSS変数
- display: box
コメント