teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

編集

2017/08/23 06:19

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -1,4 +1,8 @@
1
1
  質問者さんが想像している動作は以下のような動作でしょうか?
2
+ 条件を整理してみると、ボタンを表示させたい場面は、以下の2つの条件を満たすときだと考えることができます。
3
+ - ウィンドウ上部での位置(`$(window).scrollTop()`)が`topクラス`の位置(`$(".top").offset().top`)よりも大きいとき。
4
+ - ウィンドウ下部での位置(`$(window).height() + $(window).scrollTop()`)が`bottomクラス`の位置(`$(".bottom").offset().top`)よりも小さいとき(`bottomクラス`が設定されている要素が見えないとき)。
5
+
2
6
  ```HTML
3
7
  <!DOCTYPE html>
4
8
  <html lang="ja">