就是滾輪往下滑的時候 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元給第一個解惑的朋友 謝謝您