remember logs scroll position
This commit is contained in:
parent
3b46a4de5a
commit
0f5b880138
2 changed files with 14 additions and 2 deletions
|
|
@ -24,6 +24,19 @@ export default class extends Controller {
|
||||||
|
|
||||||
connect() {
|
connect() {
|
||||||
this.lastTarget = null;
|
this.lastTarget = null;
|
||||||
window.location = "#end";
|
const logs = document.querySelector(".logs");
|
||||||
|
if (!logs) return;
|
||||||
|
|
||||||
|
document.addEventListener("turbo:before-visit", () => {
|
||||||
|
sessionStorage.setItem("logsScrollTop", logs.scrollTop);
|
||||||
|
});
|
||||||
|
|
||||||
|
const savedScroll = sessionStorage.getItem("logsScrollTop");
|
||||||
|
if (savedScroll) {
|
||||||
|
logs.scrollTop = parseInt(savedScroll);
|
||||||
|
sessionStorage.removeItem("logsScrollTop");
|
||||||
|
} else {
|
||||||
|
logs.scrollTop = logs.scrollHeight;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -56,7 +56,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
<div id="end"></>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue