スポンサーリンク

MDwikiでページ遷移したらページのトップを表示させたい

僕は普段のブラウザに Firefox を使っているのですが、MDwiki で作ったサイトだと、リンクをクリックしてページの内容が変わっても、フォーカス(?)がページのトップに移動してくれないんです。

単一ページアプリケーション(SPA)なので、表示しているページとしては遷移していないわけで、ブラウザの挙動としては正しいのでしょうけれど、使用感として「ちょっとね」というか、気になるわけです。

でも、Chrome だとちゃんとページのトップに移動するんですよね。ムムム。

だったら JavaScript でページ(実際にはdivタグ)の内容(子要素)の変化を監視して、変化があったらページのトップにスクロールさせちゃえば誤魔化せるかも! と考えた次第であります。

追加するコードは以下の通り。

これを </body> の前に入れてやります。

とりあえずはコレでOK。

本当のところは MDwiki 自体が JQuery を使っていることだし、こういう機能も JQuery を使ってスマートに実装したいところですが、よく分からないので今回はベタベタで。

【ご注意】
 上記の内容は v0.6.2 の mdwiki.html を対象としております。

【まとめページ】
 MDwiki 関連記事まとめ

スポンサーリンク
コメント
Verify your Comment
Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

コメントを投稿
おすすめの記事と広告

プロフィール


  • 書いてる人:夢界 陸

    名古屋在住のおっさん。
    プログラミングやガジェットの話など、 日々の興味を徒然と綴っています。



    Twitterやってます @mukairiku



    運営サイト
    www.mukairiku.net

アクセスランキング


ブログ内検索

Licenses

  • Creative Commons License

OTHER

  • このブログのはてなブックマーク数

Blog powered by TypePad

スポンサーリンク