質問: jQueryを使ってtopへ戻るボタンを作っているのですが、正しく表示されません ``` コード head内に html内に css内に #pagetop { position: fixed; bottom: 50px; right: 30px; } ``` と記述しています。 ブラウザで確認すると、画像が右下に切れた状態で表示され、クリックしても反応しません。 対処法を教えてください。
回答: > > クリックしても反応しません。 > > > 以下のように修正してください。 ``` if ($(this).scrollTop() > 200) { ``` ↓ ``` if ($(this).scrollTop() > 200) { ``` > > 画像が右下に切れた状態で表示 > > > `fixed`の包含ブロックはビューポートになるので、ご提示のコードではそのようになることは考えにくいです。 ご提示いただいていないCSSの影響かもしれません。 `#pagetop`のCSSが上書きされたか、たとえば、 ``` img{ transform:translate(40px,80px); } ``` みたいなスタイルがあれば、右下に切れると思います。