【SharePoint Online】ページトップに戻るボタンを実装してみる【jQuery】

こんにちは。
今回は様々なサイトでよく見る、右下の[ページトップに戻るボタン]を
SharePointで実装していこうと思います。
jQueryを使用しますので、予め読み込んで起きましょう。

それでは行きましょう。

SharePointのbodyタグは利用できない

SharePointのマスターページは、 “body”タグのスクロールが使用できません。
なので特殊なのですが、[s4-workspace]のdivタグを利用します。
コンテンツエディタのソースにまるごと埋め込めば動きます。

ソース

簡単ですね。
[scrollPageTop]ボタンをクリックした場合に、
[s4-workspace]に対してスクロール処理を実装しているだけです。
実装するとこんな感じです。

これはモダンページには実装できないのでちょっと残念ですが、
まだまだクラシックページの需要は高いので覚えておきましょう。

それではまた。