position:fixedだと”ウインドウに対して何pxか”でしか指定できないためウインドウサイズが大きいほどボタンがコンテンツから離れてしまいユーザビリティに欠けます。そこで、jqueryを使いスクロールしたらボタンを出現させ、position:absolute;の”top:スクロール量”とすることでスクロールに追従するページトップボタンの仕組みを作りました。
position:fixedだと”ウインドウに対して何pxか”でしか指定できないためウインドウサイズが大きいほどボタンがコンテンツから離れてしまいユーザビリティに欠けます。そこで、jqueryを使いスクロールしたらボタンを出現させ、position:absolute;の”top:スクロール量”とすることでスクロールに追従するページトップボタンの仕組みを作りました。