トップスムーススクロールの挙動がおかしいです、調べたところ2重読み込みしているかもしれないのですが、はっきりわかりません。原因を教えてください。
html
1<body> 2 <ul class="slider"> 3 <li><a href="#"><img src="img/main_00.jpg"></a></li> 4 <li><a href="#"><img src="img/main_01.jpg"></a></li> 5 </ul> 6 <p id="top"><a onclick="myscroll()">↑</p> 7 <script type="text/javascript"> 8 $(function() { 9 $('.slider').slick({ 10 autoplay:true, 11 autoplaySpeed:3000 12}); 13}); 14scrollTop("top",500); 15function scrollTop(elem,duration){ 16var target=document.getElementById(elem); 17target.addEventListener("click",function myscroll(){ 18var currentY=window.pageYOffset; 19var step=duration/currentY>1?10:100; 20var timeStep=duration/currentY*step; 21var intervalID=setInterval(scrollUp,timeStep); 22function scrollUp(){ 23currentY=window.pageYOffset; 24if(currentY===0){ 25clearInterval(intervalID); 26}else{ 27scrollBy(0,-step); 28} 29} 30}); 31} 32 </script> 33 </body>
「かもしれません」の根拠や確認したこと(例えばconsole.log()出だすとか?)を記載してください。
「おかしい」だけでは起きている現象は分かりませんので。
あとできればインデントをきちんとつけてコーディングするようにしてください。どこが始まりでどこが終わりか、ペアが見えづらいと不具合の温床になります。
回答2件
あなたの回答
tips
プレビュー