Maison >interface Web >js tutoriel >Méthode d'implémentation de l'actualisation déroulante Iscool

Méthode d'implémentation de l'actualisation déroulante Iscool

小云云
小云云original
2018-01-06 10:23:211451parcourir

Cet article vous apporte principalement une méthode pour implémenter la fonction de rafraîchissement déroulant Iscool (recommandé). L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

Méthode d'implémentation d'actualisation déroulante simple

Style CSS :

*{
        margin: 0px;
        padding: 0px;
        
      }
      #wrapper{
        width: 100%;
        height: 150px;
        border: 1px solid red;
        overflow: hidden;
        position: absolute;
      }
      #shua{
        text-align: center;
      }

Code HTML

<p id="wrapper">
      <p>
        <p id="shua">刷新</p>
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>8</li>
          <li>9</li>
          <li>10</li>
        </ul>
      </p>
    </p>

Avant d'écrire du code js, vous devez introduire le plug-in jQuery et le plug-in iscroll

Ensuite, le code js est le suivant :