[問題] 關於卷軸高度的計算(附P幣)
就是滾輪往下滑的時候 SVG的線會跟著卷軸一起往下移動 會有往外延伸的感覺
codepen網址:
https://codepen.io/bearman123/pen/PLxMXw?editors=1010
原理我都懂 先讓 strokeDasharray strokeDashoffset的數值跟SVG的長度一樣 才能全
部遮蔽
之後要讓卷軸的高度 去配合元素的高度一起連動
但我實在是有看沒有懂 有沒有高手可以幫忙解惑一下 是怎樣的計算方式
$(window).scroll(function () {
var scrollPercentage = (document.documentElement.scrollTop + document.body.s
crollTop) / (document.documentElement.scrollHeight - document.documentElement.
clientHeight);
var drawLength = pathLength * scrollPercentage;
path.style.strokeDashoffset = pathLength + drawLength;
附上P幣500元給第一個解惑的朋友 謝謝您
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 115.82.236.83
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1553238197.A.235.html
推
03/22 17:13,
5年前
, 1F
03/22 17:13, 1F
→
03/22 17:13,
5年前
, 2F
03/22 17:13, 2F
→
03/22 17:17,
5年前
, 3F
03/22 17:17, 3F
→
03/22 17:17,
5年前
, 4F
03/22 17:17, 4F
→
03/22 17:20,
5年前
, 5F
03/22 17:20, 5F
推
03/22 22:14,
5年前
, 6F
03/22 22:14, 6F
→
03/22 22:14,
5年前
, 7F
03/22 22:14, 7F
推
03/22 22:18,
5年前
, 8F
03/22 22:18, 8F
→
03/22 22:19,
5年前
, 9F
03/22 22:19, 9F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
