【JavaScript】スクロールしていくとフッターで止まる「ページトップに戻る」ボタンをCSSとjQueryでシンプルに実装する

画面をスクロールしたら「ページトップへ戻る」ボタンがフワッと現れ、 下までスクロールしていくとフッター辺りでピタッと止まるという例のあれ。 ちょっとした機能のわりにはまあまあ面倒くさい作業の一つです。 何故面倒くさいかと言うと、 サイトのデザインによって、コンテンツやフッターとの位置関係が様々なため、 毎回同じスクリプトを微妙に使えなかったりするからです。 レスポンシブだったりするとさらに面倒くささが増します。 これだけの事に時間を使いたくないので、 ボタンの位置やフワッとするアニメーション等はCSSに完全にまかせる形にして、 表示、非表示、止める、の切り替えは、jQueryのコードをポンと貼り付けるだけで実現できないかと思い、考えました。 DOMを弄る場合、やはりjQueryが楽です。

Fatal error: Uncaught Error: Call to a member function id() on array in /home/web-rice/www/noze.space/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php:36 Stack trace: #0 /home/web-rice/www/noze.space/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php(538): CrayonFormatter::format_code('', Array, Object(CrayonHighlighter)) #1 [internal function]: CrayonFormatter::delim_to_internal(Array) #2 /home/web-rice/www/noze.space/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php(516): preg_replace_callback('#()#msi', 'CrayonFormatter...', '<body>\r\n <head...') #3 /home/web-rice/www/noze.space/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_highlighter.class.php(166): CrayonFormatter::format_mixed_code('<body>\r\n <head...', Object(CrayonLang), Object(CrayonHighlighter)) #4 /home/web-rice/www/noze.space/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_highlighter.class.php(186): CrayonHighlighter->process() #5 /home/web-rice/www/noze.space/wp/w in /home/web-rice/www/noze.space/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 36