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

質問編集履歴

1

補足

2021/10/15 15:29

投稿

erp
erp

スコア46

title CHANGED
File without changes
body CHANGED
@@ -48,5 +48,18 @@
48
48
  Safari だと動かないそうなので、そしてbehavior: 'smooth'だとアニメーションが速いのでもっとゆっくりにしたいです。
49
49
  ライブラリやポリフィルなしで実装できますでしょうか。
50
50
 
51
+ ```js
52
+ bottomBtn.addEventListener("click", function foo() {
53
+ const goalOffset = document.body.scrollHeight - document.body.clientHeight;
54
+ let nowY = goalOffset - window.pageYOffset;
55
+ window.scrollTo(goalOffset, Math.floor(nowY * .9));
56
+ if (nowY > 0) {
57
+ window.setTimeout(foo, 10);
58
+ }
59
+ });
60
+ ```
61
+ としたところ、初回は下までスムーズスクロールされるのですが、二回目以降度のボタンを押しても反応しませんんでした。
62
+ ページ全体が fixed が掛けられたように、マウスでのスクロールも出来ません。エラーは特になかったです。
63
+
51
64
  ### 補足情報(FW/ツールのバージョンなど)
52
65
  Firefox 最新版、Safari 604.1