Javascript pur implémente de simples compétences de fonction d'actualisation déroulante_javascript

Le code est très simple, mais les fonctions implémentées sont très pratiques je fournirai le code directement

CSS :

Copier le code Le code est le suivant :

HTML :

Copier le code Le code est le suivant :

   

       
• 1

       
• 2

       
• 3

       
• 4

       
• 5

       
• 6

       
• 7

       
• 8

       
• 9

       
• 10

        
• 1

       
• 2

       
• 3

       
• 4

       
• 5

       
• 6

       
• 7

       
• 8

       
• 9

       
• 10

   

<script><br>    var scroll = document.querySelector('.scroll');<br>    var externalScroller = document.querySelector('.outerScroller');<br>    var touchStart = 0;<br>    var touchDis = 0;<br>    externalScroller.addEventListener('touchstart', function(event) { <br>         var touch = event.targetTouches[0]; <br>         // 把元素放在手指所在的位置 <br>            touchStart = touch.pageY; <br>            console.log(touchStart);<br>         }, faux);<br>    externalScroller.addEventListener('touchmove', function(event) { <br>         var touch = event.targetTouches[0]; <br>         console.log(touch.pageY 'px');  <br>         scroll.style.top = scroll.offsetTop touch.pageY-touchStart 'px';<br>         console.log(scroll.style.top);<br>         touchStart = touch.pageY;<br>         touchDis = touch.pageY-touchStart;<br>         }, faux);<br>    externalScroller.addEventListener('touchend', function(event) { <br>         touchStart = 0;<br>         var top = scroll.offsetTop;<br>         console.log(haut);<br>         if(top>70)refresh();<br>         si(haut>0){<br>             var temps = setInterval(function(){<br>               scroll.style.top = scroll.offsetTop -2 'px';<br>               if(scroll.offsetTop<=0)clearInterval(time);<br />             },1)<br />         ><br />     }, faux);<br />    fonction rafraîchir(){<br />     pour(var je = 10;i>0;i--)<br>         {<br>             var node = document.createElement("li");<br>             node.innerHTML = "Je suis nouveau";<br>             scroll.insertBefore(node,scroll.firstChild);<br>         ><br>    ><br> </script>

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tous ceux qui apprennent le javascript.