Iscool-Pulldown-Aktualisierungsmethode

Dieser Artikel stellt Ihnen hauptsächlich eine Methode zur Implementierung der Iscool-Pulldown-Aktualisierungsfunktion vor (empfohlen). Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Einfache Pulldown-Aktualisierungsimplementierungsmethode

CSS-Stil:

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

HTML-Code

<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>

Bevor Sie JS-Code schreiben, müssen Sie ihn vorstellen das jQuery-Plug-in und das iscroll-Plug-in

Dann lautet der js-Code wie folgt: