###前提・実現したいこと
ここに質問したいことを詳細に書いてください
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
###発生している問題・エラーメッセージ
Cannot read property 'getTotalLength' of null
###該当のソースコード
JavaScript
1 2var myPath = document.querySelector('.cameraPath' ); 3var pathLength = myPath.getTotalLength(); 4var scrollMax = document.documentElement.getBoundingClientRect().height - window.innerHeight; 5var myCircle = document.querySelector('.points' ); 6var speed = pathLength/scrollMax; 7 8$(window).on('scroll', function() { 9 var progress = $(this).scrollTop()*speed; 10 var point = myPath.getPointAtLength(progress); 11 myCircle.setAttribute( 'cx', point.x ); 12 myCircle.setAttribute( 'cy', point.y ); 13 14 if ( progress >= pathLength ) { 15 16 progress = 0; 17 18 } else { 19 20 progress += speed; 21 22 } 23});
###試したこと
svgをcssで操作などはしたことあるのですが、jsでの経験はありません。
###補足情報(言語/FW/ツール等のバージョンなど)
https://itstudio.co/2016/03/15/5537/ や https://qiita.com/takumifukasawa/items/b3df19bba0950d3c64be を参考にさせていただきました。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/29 08:16