画面のゆっくりスクロール 四苦八苦 解決はマジックの種明かしと同じ?

サイトによってはページ内移動で、リンクをクリックすると該当箇所へゆっくりと移動するものがあって、前から魅力的だと思っていた。

そのデモページは ◆こちら 

仕事が少し一段落して、これを自分のHPに取り入れようと思い着手した。
html内にジャバスクリプトで記述するだけのようだった。

しかし、ジャバスクリプトで記述追加しても普通にページ内をジャンプするだけでゆっくりとスクロールはしない。

そのジャンプするだけの状態は、◆こちら

最初は、言語設定が悪いとか、サーバが対応していないとか考え次のような試行錯誤を行った。
・サイト作成のビルダーのヘッド内の言語設定を変更
・今度は、文字化が起こるので、ジャバプログラムが動いていないのではないか?
昼休みに少しあれこれしてみて、一端諦め、また夜になってさらに試行錯誤をしていった。

そのうちに、まか不思議!!サーバにアップしたものでなく、パソコン内で直接表示するとちゃんとゆっくりスクロールが実現することが分かった!!

うまく動かない原因をネットでいろいろ調べて行くうちに・・・・・

外部ソースのjQuery.jsを読み込まねばならないことが分かり、正常に読み込めるようにそのURLを変更してみた。そのうちにhttpで指定するのではなくhttps(s追加)にするとjQuery.jsを読み込めるようになり、きちんと動くようになった。

また、外部そーすとしてではなく、直接「jQuery.js」ファイルをサーバに置きそこから読み込ませることも出来ることが判明した。

正常作動するものは、◆こちら 外部ソース読み込み
文字化けはご愛敬で・・・・
実際には、職場のデータベースで使用している(文字化けなし)ので、そのページはここでは紹介できない。

結局、今日は、昼休み1時間、深夜2時間ほどかかりやっと解決にいたった。寝たのは朝2時過ぎだったので、3時間の2日がかりでの解決にいたったが、この最後に解決・謎が解けた瞬間は達成感・喜びでいっぱい。

結論が出ると、たったこれだけのことだったのかと・・・まさにマジックの種明かしのようだ・・・・

 

★What do you think of this post?(この記事どう思いますか?それぞれ投票可)★
  • ◆いいね! 
  • ◆興味あり! 
  • ◆同感! 
  • ◆今ひとつ 

コメントを残す

メールアドレスが公開されることはありません。