Bookhoard/foliate-js
1
0
Fork 0
mirror of https://github.com/john-okeefe/foliate-js.git synced 2026-09-09 11:29:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Paginator: add scroll amount option

Browse Source
This commit is contained in:
John Factotum
2023-08-11 08:14:30 +08:00
parent 9b366ad1c4
commit 44c5eca4e9
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
paginator.js
+12 -12
View File
@@ -872,22 +872,22 @@ export class Paginator extends HTMLElement {
const resolved = await target
if (this.#canGoToIndex(resolved.index)) return this.#goTo(resolved)
}
#scrollPrev() {
#scrollPrev(distance) {
if (!this.#view) return true
if (this.scrolled) {
if (this.start > 0)
return this.#scrollTo(Math.max(0, this.start - this.size), null, true)
if (this.start > 0) return this.#scrollTo(
Math.max(0, this.start - (distance ?? this.size)), null, true)
return true
}
if (this.atStart) return
const page = this.page - 1
return this.#scrollToPage(page, null, true).then(() => page <= 0)
}
#scrollNext() {
#scrollNext(distance) {
if (!this.#view) return true
if (this.scrolled) {
if (this.viewSize - this.end > 2)
return this.#scrollTo(Math.min(this.viewSize, this.end), null, true)
if (this.viewSize - this.end > 2) return this.#scrollTo(
Math.min(this.viewSize, distance ? this.start + distance : this.end), null, true)
return true
}
if (this.atEnd) return
@@ -905,11 +905,11 @@ export class Paginator extends HTMLElement {
for (let index = this.#index + dir; this.#canGoToIndex(index); index += dir)
if (this.sections[index]?.linear !== 'no') return index
}
async #turnPage(dir) {
async #turnPage(dir, distance) {
if (this.#locked) return
this.#locked = true
const prev = dir === -1
const shouldGo = await (prev ? this.#scrollPrev() : this.#scrollNext())
const shouldGo = await (prev ? this.#scrollPrev(distance) : this.#scrollNext(distance))
if (shouldGo) await this.#goTo({
index: this.#adjacentIndex(dir),
anchor: prev ? () => 1 : () => 0,
@@ -917,11 +917,11 @@ export class Paginator extends HTMLElement {
if (shouldGo || !this.pageAnimation) await wait(100)
this.#locked = false
}
prev() {
return this.#turnPage(-1)
prev(distance) {
return this.#turnPage(-1, distance)
}
next() {
return this.#turnPage(1)
next(distance) {
return this.#turnPage(1, distance)
}
prevSection() {
return this.goTo({ index: this.#adjacentIndex(-1) })