50代から理数を学ぶ - ページ内リンク、スムーズスクロールまで出来ました。

Home > ブログ > 時空解 > パソコンソフト関連 > ページ内リンク、スムーズスクロールまで出来ました。

時空解さんの日記

カテゴリー [パソコンソフト関連]

2017

6月 22

(木)

09:50

ページ内リンク、スムーズスクロールまで出来ました。

前の日記次の日記

カテゴリーパソコンソフト関連

本文

(所定の場所01)
皆さん、おはようございます。時空解です。

昨日は数学の学習は止めにしました。「ページ内リンク」の事が頭から離れなくなってしまったのでいっその事、この機会に「ページ内リンク」にケリをつけるチャンスだと考える事にしました。
会社もお休みでしたしね。
傾聴ボランティアの日ではありましたが、それはそれで頭の切り替えになるので気にはなりませんでした。ボランティアには朝の１０時に出掛けて、１３時には家に帰ってこられたので、１４時にはパソコンに向かえた訳です。

結果的に、ページ内リンクで所定の場所にジャンプする時に、スムーズスクロール動作をするようにできました。試しに下記の２つのリンクをクリックしてみて下さいね。所定の場所にスムーズスクロールすると思います。

スムーズスクロール01
スムーズスクロール02

ここのブログは XOOPS Cube Legacy のモジュール d3diary で作られているので、ページ内リンクやスムーズスクロールの導入にもひと捻り、手間が掛かります。まるまる４日間くらい、他の事が手に付かないくらいですからね。
でもそれも XOOPS のせいと言うよりは、私の技術力の無さですけど…。

この４日間の事を無駄にしないよう、ページ内リンクの事はコンテンツとしてまとめてみようと思っています。XOOPS上でページ内リンク(アンカージャンプ時の position:fixed ずれ修正)やスムーズスクロールを実現するための方法ですね。

それと、次はスムーズスクロールをさせた後、またページの一番先頭、トップに戻るボタンを追加する事ですが…

おっと。

それは、今は見送ります。
サイト「50代から理数を学ぶ」の中にコンテンツが殆どありませんからね。コンテンツがたくさんあれば、トップの戻りボタンを実現する事は有意義ですが、今の時点では先走り過ぎです。

この４日間で朝寝坊をするようになってしまいました。
それもこれもページ内リンクで目次を作ろうと思い立ったのが理由です。技術的な事を始めてしまうと、夜更かししてしまうんですよね。せっかく朝７時に起きる、と言う良い習慣が身につき始めたのに台無しです。今日も朝寝坊してしまいました。朝起きたのが８時です。ブログのアップも遅れてしまいました。すみません。

(所定の場所02)
今日こそは数学の勉強に戻ります。コンテンツ作り、サイト作りは会社がお休みの日に時間を区切って行えるよう心掛けます。

応援してね。
千里の道も一歩から。そしてその道は登り坂です。
(ポチッとブログ村のバナーをクリックしてね）

毎日の実施・予定表
項目	昨日の実施状況	今日の予定
ブログを更新	９時５２分にアップ	８時半
数学の学習	できず	p99 ～ p104
そろばんの練習	できず	３０分
サイトのコンテンツ	ページ内ジャンプの方法、下書き	-------
休日に LaTeX2ε 学習	------	------
プラスアルファする事、１つ。	傾聴ボランティア	-------

ちょっとここで注意事項です。
ページ内ジャンプで、ページを上部にスクロースさせる時は、
ページの下の部分に広いスペースがまだある状態でないとちゃんと動きません。

下にスペースがないと、それ以上上には動きませんからね。
下の部分に広いスペースを追加するために、この文章を書いています。

これで
スムーズスクロール02
をクリックしても、ちゃんと
所定の場所02
が上部に来ると思います。

蛇足でした。
ではでは。

閲覧(2355)

コメントを書く
コメントを書くにはログインが必要です。