Iscool-Pulldown-Aktualisierungsmethode-js-Tutorial-php.cn

Iscool-Pulldown-Aktualisierungsmethode

小云云

Freigeben： 2018-01-06 10:23:21

Original

1446 Leute haben es durchsucht

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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:

Neueste Artikel des Autors