Wie Satz x-und y-scroll-position in einem div mit overflow: scroll?

Wenn ich das folgende markup:-

CSS:

    .outerDiv {
      width: 500px;
      overflow: scroll;  
    }
    
    .innerDiv {
      width: 1000px;
    }

HTML:

    <div class="outerDiv">
      <div class="innerDiv">
      </div>
    </div>

Wie kann ich (wahrscheinlich mit JavaScript) stellen Sie die x-und y-position der scroll?

  • mit overflow-x: scroll; und overflow-y: scroll;
InformationsquelleAutor | 2016-12-19
  1. 8

    Können Sie jQuery verwenden scrollLeft() und scrollTop () - Methoden.

    $('.outerDiv').scrollLeft(300);
$('.outerDiv').scrollTop(50);

    Beispiel: https://jsfiddle.net/upwrrj70/

    • Oder Sie können mit scrollTo(), check dieser
    • Hinweis: es ist kein jQuery-tag auf seine Frage
    InformationsquelleAutor Aviad
  2. 28

    Können Sie scrollLeft und scrollTop Eigenschaften. Ex:

    document.getElementById("yourScrollElementId").scrollTop = 100

    Oder Sie können die jquery-Methoden, die machen es einfacher und ebenfalls animiert.

    InformationsquelleAutor abeyaz
Schreibe einen Kommentar