|
@@ -388,10 +388,10 @@ const titleOpacity = computed(() => {
|
|
|
|
|
|
const paintingMoveUpAt = window.innerHeight * 0
|
|
|
const paintingTopInitial = 236
|
|
|
-const paintingMoveUpFinishAt = window.innerHeight * 1
|
|
|
+const paintingMoveUpFinishAt = paintingMoveUpAt + window.innerHeight * 1
|
|
|
const paintingTopMovedUp = 41
|
|
|
-const paintingMoveDownAt = window.innerHeight * 2
|
|
|
-const paintingMoveDownFinishAt = window.innerHeight * 2.5
|
|
|
+const paintingMoveDownAt = paintingMoveUpFinishAt + window.innerHeight * 0.5
|
|
|
+const paintingMoveDownFinishAt = paintingMoveDownAt + window.innerHeight * 0.25
|
|
|
const paingtingTopMovedDown = 90
|
|
|
const paintingTop = computed(() => {
|
|
|
let ret = null
|
|
@@ -448,9 +448,9 @@ const paintingHeight = computed(() => {
|
|
|
})
|
|
|
|
|
|
const longDesc = ref(null)
|
|
|
-const longDescShowFinishAt = window.innerHeight * 0.5
|
|
|
+const longDescShowFinishAt = window.innerHeight * 0.25
|
|
|
const longDescHideAt = longDescShowFinishAt + window.innerHeight * 1
|
|
|
-const longDescHideFinishAt = longDescHideAt + window.innerHeight * 0.5
|
|
|
+const longDescHideFinishAt = longDescHideAt + window.innerHeight * 0.25
|
|
|
const longDescOpacity = computed(() => {
|
|
|
let ret = null
|
|
|
if (scrollerElScrollTop.value <= longDescShowFinishAt) {
|
|
@@ -470,10 +470,10 @@ watch(scrollerElScrollTop, (vNew, vOld) => {
|
|
|
}
|
|
|
})
|
|
|
|
|
|
-const stemShowAt = longDescHideFinishAt + window.innerHeight * 0.1
|
|
|
-const stemShowFinishAt = stemShowAt + window.innerHeight * 0.5
|
|
|
-const stemHideAt = stemShowFinishAt + window.innerHeight * 0.5
|
|
|
-const stemHideFisishAt = stemShowFinishAt + window.innerHeight * 0.5
|
|
|
+const stemShowAt = longDescHideFinishAt + window.innerHeight * 0
|
|
|
+const stemShowFinishAt = stemShowAt + window.innerHeight * 0.25
|
|
|
+const stemHideAt = stemShowFinishAt + window.innerHeight * 0.3
|
|
|
+const stemHideFisishAt = stemHideAt + window.innerHeight * 0.25
|
|
|
const stemOpacity = computed(() => {
|
|
|
let ret = null
|
|
|
if (scrollerElScrollTop.value <= stemShowAt) {
|
|
@@ -490,10 +490,10 @@ const stemOpacity = computed(() => {
|
|
|
return ret
|
|
|
})
|
|
|
|
|
|
-const leafShowAt = stemHideFisishAt + (0.1 * window.innerHeight)
|
|
|
-const leafShowFinishAt = leafShowAt + (0.5 * window.innerHeight)
|
|
|
-const leafHideAt = leafShowFinishAt + (0.5 * window.innerHeight)
|
|
|
-const leafHideFisishAt = leafHideAt + (0.5 * window.innerHeight)
|
|
|
+const leafShowAt = stemHideFisishAt + (0 * window.innerHeight)
|
|
|
+const leafShowFinishAt = leafShowAt + (0.25 * window.innerHeight)
|
|
|
+const leafHideAt = leafShowFinishAt + (0.3 * window.innerHeight)
|
|
|
+const leafHideFisishAt = leafHideAt + (0.25 * window.innerHeight)
|
|
|
const leafOpacity = computed(() => {
|
|
|
let ret = null
|
|
|
if (scrollerElScrollTop.value <= leafShowAt) {
|
|
@@ -510,10 +510,10 @@ const leafOpacity = computed(() => {
|
|
|
return ret
|
|
|
})
|
|
|
|
|
|
-const stoneShowAt = leafHideFisishAt + (0.1 * window.innerHeight)
|
|
|
-const stoneShowFinishAt = stoneShowAt + (0.5 * window.innerHeight)
|
|
|
-const stoneHideAt = stoneShowFinishAt + (0.5 * window.innerHeight)
|
|
|
-const stoneHideFinishAt = stoneHideAt + (0.5 * window.innerHeight)
|
|
|
+const stoneShowAt = leafHideFisishAt + (0 * window.innerHeight)
|
|
|
+const stoneShowFinishAt = stoneShowAt + (0.25 * window.innerHeight)
|
|
|
+const stoneHideAt = stoneShowFinishAt + (0.3 * window.innerHeight)
|
|
|
+const stoneHideFinishAt = stoneHideAt + (0.25 * window.innerHeight)
|
|
|
const stoneOpacity = computed(() => {
|
|
|
let ret = null
|
|
|
if (scrollerElScrollTop.value <= stoneShowAt) {
|
|
@@ -530,10 +530,10 @@ const stoneOpacity = computed(() => {
|
|
|
return ret
|
|
|
})
|
|
|
|
|
|
-const summaryShowAt = stoneHideFinishAt + window.innerHeight * 0.3
|
|
|
-const summaryShowFinishAt = summaryShowAt + window.innerHeight * 0.5
|
|
|
-const summaryHideAt = summaryShowFinishAt + window.innerHeight * 0.5
|
|
|
-const summaryHideFisishAt = summaryHideAt + window.innerHeight * 0.5
|
|
|
+const summaryShowAt = stoneHideFinishAt + window.innerHeight * 0
|
|
|
+const summaryShowFinishAt = summaryShowAt + window.innerHeight * 0.25
|
|
|
+const summaryHideAt = summaryShowFinishAt + window.innerHeight * 0.3
|
|
|
+const summaryHideFisishAt = summaryHideAt + window.innerHeight * 0.25
|
|
|
const summaryOpacity = computed(() => {
|
|
|
let ret = null
|
|
|
if (scrollerElScrollTop.value <= summaryShowAt) {
|