paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-11 17:36:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remember scrollbar position as you switch tabs.

Browse Source 
(imported from commit d71112acd81901fd5e6c6d8ddfae3c9f0a8ff4db)
This commit is contained in:
Waseem Daher
2012-10-05 14:25:27 -04:00
parent 32758e2e4b
commit 0eb6817d6b
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
zephyr/static/js/ui.js
View File

@@ -1,3 +1,9 @@
// We want to remember how far we were scrolled on each 'tab'.
// To do so, we need to save away the old position of the
// scrollbar when we switch to a new tab (and restore it
// when we switch back.)
var scroll_positions = {};
function register_huddle_onclick(zephyr_row, sender) { function register_huddle_onclick(zephyr_row, sender) {
zephyr_row.find(".zephyr_sender").click(function (e) { zephyr_row.find(".zephyr_sender").click(function (e) {
select_zephyr_by_id(zephyr_row.attr('zid')); select_zephyr_by_id(zephyr_row.attr('zid'));
@@ -131,6 +137,23 @@ $(function () {
$(window).mousewheel(do_mousewheel_or_scroll); $(window).mousewheel(do_mousewheel_or_scroll);
$(window).scroll(do_mousewheel_or_scroll); $(window).scroll(do_mousewheel_or_scroll);
$('#sidebar a[data-toggle="pill"]').on('show', function (e) {
// Save the position of our old tab away, before we switch
var viewport = $(window);
var old_tab = $(e.relatedTarget).attr('href');
scroll_positions[old_tab] = viewport.scrollTop();
});
$('#sidebar a[data-toggle="pill"]').on('shown', function (e) {
// Right after we show the new tab, restore its old scroll position
var viewport = $(window);
var target_tab = $(e.target).attr('href');
if (scroll_positions.hasOwnProperty(target_tab)) {
viewport.scrollTop(scroll_positions[target_tab]);
} else {
viewport.scrollTop(0);
}
});
$('.button-slide').click(function () { $('.button-slide').click(function () {
show_compose('class', $("#class")); show_compose('class', $("#class"));
}); });