以下のコードでページ上部へのスクロールを実装しました。
views/layouts/application.html.erb
<body> <%= yield %> <footer> : ※中略 <div id="smooth-scroll">TOPへ</div> :
assets/javascripts/application.js
$(function(){ $("#smooth-scroll").click(function() { $("html,body").animate({scrollTop:0}, "300"); }); });
症状
上記コードで特に問題なく機能しているように思えたのですが、実際にはスクロールが効くシーンが限られており、状況によっては機能しなくなることに気づきました。
具体的に言うと、例えばこんな状況で機能したり機能しなかったりします。
1、サーバーを立ち上げページAにアクセス → スクロールできる
2、ページAからページBへ移動 → スクロールできない
3、ページBでページリロード → スクロールできる
4、ページBからページAへブラウザバック → スクロールできない
5、ページAでページリロード → スクロールできる
6、ページAでスクロールできる状況でページA内の表で並べ替えを行う → スクロールできなくなる
どなたか原因と解決策をお教えください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/19 08:52
2018/09/19 08:58