mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-10-14 00:15:51 +02:00
Code Issues Releases Wiki Activity

Retain scroll position when navigating between index/discussion

Browse Source
This commit is contained in:
Toby Zerner
2015-05-07 10:27:04 +09:30
parent a1ce2fa2ef
commit 6b8dfdfb1c
3 changed files with 33 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
js/forum/src/components/discussion-page.js
View File

@@ -150,6 +150,8 @@ export default class DiscussionPage extends Component {
context.retain = true;
var $index = $(element);
// When viewing a discussion (for which the discussions route is the
// parent,) the discussion list is still rendered but it becomes a
// pane hidden on the side of the screen. When the mouse enters and
@@ -157,7 +159,7 @@ export default class DiscussionPage extends Component {
// respectively. We also create a 10px 'hot edge' on the left of the
// screen to activate the pane.
var pane = app.pane;
$(element).hover(pane.show.bind(pane), pane.onmouseleave.bind(pane));
$index.hover(pane.show.bind(pane), pane.onmouseleave.bind(pane));
var hotEdge = function(e) {
if (e.pageX < 10) { pane.show(); }
@@ -166,6 +168,15 @@ export default class DiscussionPage extends Component {
context.onunload = function() {
$(document).off('mousemove', hotEdge);
};
var $discussion = $index.find('.discussion-summary.active');
if ($discussion.length) {
var indexTop = $index.offset().top;
var discussionTop = $discussion.offset().top;
if (discussionTop < indexTop || discussionTop + $discussion.outerHeight() > indexTop + $index.outerHeight()) {
$index.scrollTop($index.scrollTop() - indexTop + discussionTop);
}
}
}
/**