Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-08 06:55:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

pagination - scroll to top / bottom arrows

Browse Source
This commit is contained in:
psychobunny
2013-09-04 04:50:45 +08:00
parent f39932ece7
commit abd909d23b
5 changed files with 27 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/header.less
View File

@@ -18,7 +18,7 @@
#pagination { .pagination-block {
position: absolute; position: absolute;
background: rgb(34, 34, 34); background: rgb(34, 34, 34);
right: 0px; right: 0px;

2
public/src/ajaxify.js
View File

@@ -33,7 +33,7 @@ var ajaxify = {};
app.enter_room('global'); app.enter_room('global');
pagination = pagination || document.getElementById('pagination'); pagination = pagination || document.getElementById('pagination');
if (pagination) pagination.style.display = 'none'; if (pagination) pagination.parentNode.style.display = 'none';
window.onscroll = null; window.onscroll = null;
// end // end

12
public/src/app.js
View File

@@ -374,6 +374,18 @@ var socket,
}); });
} }
app.scrollToTop = function() {
$('body,html').animate({
scrollTop: 0
});
};
app.scrollToBottom = function() {
$('body,html').animate({
scrollTop: $('html').height() - 100
});
}
app.scrollToPost = function(pid) { app.scrollToPost = function(pid) {
if(!pid) if(!pid)

14
public/src/forum/topic.js
View File

@@ -620,16 +620,16 @@
postAuthorInfo = postAuthorInfo || document.getElementById('post-author-info'); postAuthorInfo = postAuthorInfo || document.getElementById('post-author-info');
pagination = pagination || document.getElementById('pagination'); pagination = pagination || document.getElementById('pagination');
pagination.style.display = 'block'; pagination.parentNode.style.display = 'block';
var windowHeight = jQuery(window).height(); var windowHeight = jQuery(window).height();
var scrollTop = jQuery(window).scrollTop(); var scrollTop = jQuery(window).scrollTop();
var scrollBottom = scrollTop + windowHeight; var scrollBottom = scrollTop + windowHeight;
if (scrollTop < 50) { if (scrollTop < 50 && postcount > 1) {
postAuthorImage.src = (jQuery('.main-avatar img').attr('src')); postAuthorImage.src = (jQuery('.main-avatar img').attr('src'));
postAuthorInfo.innerHTML = 'Posted by ' + jQuery('.main-post').attr('data-username') + ', ' + jQuery('.main-post').find('.relativeTimeAgo').html(); postAuthorInfo.innerHTML = 'Posted by ' + jQuery('.main-post').attr('data-username') + ', ' + jQuery('.main-post').find('.relativeTimeAgo').html();
pagination.innerHTML = '0 / ' + postcount; pagination.innerHTML = '0 out of ' + postcount;
return; return;
} }
@@ -657,9 +657,11 @@
} }
}); });
if(scrollTop + windowHeight == jQuery(document).height()) { setTimeout(function() {
pagination.innerHTML = postcount + ' / ' + postcount; if(scrollTop + windowHeight == jQuery(document).height()) {
} pagination.innerHTML = postcount + ' / ' + postcount;
}
}, 100);
} }
window.onscroll = updateHeader; window.onscroll = updateHeader;

6
public/templates/header.tpl
View File

@@ -82,7 +82,11 @@
</li> </li>
</ul> </ul>
<div id="pagination"></div> <div class="pagination-block">
<i class="icon-upload pointer" onclick="app.scrollToTop()"></i>
<span id="pagination"></span>
<i class="icon-upload pointer icon-rotate-180" onclick="app.scrollToBottom()"></i>
</div>
</div> </div>
</div> </div>
</div> </div>