KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Intersection observer threshold set to 0 & hide button on load

Browse Source
This commit is contained in:
Kevin
2022-07-26 17:14:07 +02:00
parent 742caad102
commit be29242cd3
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ResultsSection.vue
View File

@@ -17,7 +17,7 @@
<div ref="loadMoreButton" class="button-container"> <div ref="loadMoreButton" class="button-container">
<seasoned-button <seasoned-button
class="load-button" class="load-button"
v-if="!shortList && page != totalPages && results.length" v-if="!loading && !shortList && page != totalPages && results.length"
@click="loadMore" @click="loadMore"
:fullWidth="true" :fullWidth="true"
>load more</seasoned-button >load more</seasoned-button
@@ -137,7 +137,7 @@ export default {
this.observer = new IntersectionObserver(this.handleButtonIntersection, { this.observer = new IntersectionObserver(this.handleButtonIntersection, {
root: this.$refs.resultSection.$el, root: this.$refs.resultSection.$el,
rootMargin: "0px", rootMargin: "0px",
threshold: 1.0 threshold: 0
}); });
this.observer.observe(this.$refs.loadMoreButton); this.observer.observe(this.$refs.loadMoreButton);