scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-01 13:13:22 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix scrolling position in navigator [SCI-8491]

Browse source
This commit is contained in:
Anton 2023-05-19 11:46:36 +02:00
parent 112bb8bec6
commit db06ff5946
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/vue/navigation/navigator.vue
View file

@ -7,7 +7,7 @@
</div>
<i @click="$emit('navigator:colapse')" class="sn-icon sn-icon-close ml-auto cursor-pointer absolute right-3 top-2"></i>
</div>
<perfect-scrollbar class="grow py-4 relative px-3">
<perfect-scrollbar @ps-scroll-y="onScroll" ref="scrollContainer" class="grow py-4 relative px-3">
<NavigatorItem v-for="item in sortedMenuItems"
:key="item.id"
:currentItemId="currentItemId"
@ -34,6 +34,7 @@ export default {
menuItems: [],
navigatorCollapsed: false,
navigatorUrl: null,
navigatorYScroll: 0,
currentItemId: null,
archived: null
}
@ -57,8 +58,8 @@ export default {
},
created() {
this.changePage();
$(document).on('turbolinks:load', () => {
this.$refs.scrollContainer.$el.scrollTop = this.navigatorYScroll;
this.changePage();
if ($(`[navigator-item-id="${this.currentItemId}"]`).length === 0) {
this.loadTree();
@ -93,7 +94,10 @@ export default {
this.menuItems = data.items;
});
})
}
},
onScroll({target}) {
this.navigatorYScroll = target.scrollTop;
},
},
}
</script>