Scroll-div mit den Pfeiltasten

Dies ist ähnlich zu ALSO: wie bewegen ein div mit den Pfeiltasten, also vielleicht eine klare und fundierte "Nein" reicht als Antwort:

Kann ich einen überquellenden div ein "Standard-scroll-target", die reagiert auf die Pfeil-oben/unten/Seite nach unten/space die gleiche Weise wie ein überlaufen Dokument (also scrollt der Inhalt)? Die Seite selbst hat nicht scrollbar (einfaches Beispiel unten). Insbesondere kann dies erreicht werden ohne explizit Verfolgung der wichtigsten Ereignisse (weder direkt noch hidded durch eine JS-Bibliothek)?

<html>
 <body>
  <div id="contentcontainer" style="height:200px;width:200px;overflow:scroll">
   <div id="innercontent" style="height:2000px;">foo</div>
  </div>
 </body>
</html>

Edit: natürlich die oben genannten Werke nach ich auf in die div. Im Grunde möchte ich vermeiden, dass zu tun,...

  • haben Sie darüber nachgedacht, einfach styling die scrollbars der div-und Durchsetzung eine Art der Konzentration auf Sie
  • ja, aber Sie müssen noch zu konzentrieren, das div-element. Warum Sie nicht einfach versuchen, ich ging zu einer Website und Klick in die brausende div, und die verwendeten Schlüssel, kein problem... aber eine "auto-Fokus" - Sie werden nicht in der Lage zu erreichen, denke ich...7
  • I don ' T care über das styling. "Die Durchsetzung eine Art focus" kann das sein, was ich Suche... 😉 Wie würde das funktionieren?
  • Ich weiß nicht, wie das styling der Scrollbalken bei diesem problem helfen... (und Sie sollte nicht Stil der Scrollbalken, es ist nicht unterstützten microsoft-css-Erweiterung)
  • Gestylte scrollbars unterstützt werden in WebKit zu, und es ist eine nützliche Funktion. Ich sehe keinen Grund, nicht, diese zu gestalten.
InformationsquelleAutor dcn | 2012-01-10
  1. 10

    Um für ein html-element, das den Fokus erhalten kann, es muss erreichbar sein, mit der Tab-Taste. Das heißt, Sie können rufen Sie .focus() auf einen link oder eine Eingabe. Darüber hinaus body Elemente sind immer justierbares.

    Sie brauchen, um Ihre div-erreichbar mit der Tab-Taste. Sie können dies erreichen, indem die tabindex auf Ihr Eigentum. Wenn Sie nicht wirklich wollen, dass Menschen in der Lage sein, um die Registerkarte in das div, Sie können die tabindex-Eigenschaft auf -1, die verhindern, dass Menschen tatsächlich tabbing, aber ansonsten wird das element für Navigation mit der Tabulatortaste und den Fokus.

    Quelle: http://help.dottoro.com/ljpkdpxb.php

    • Nach der Gewährleistung der div hatte ein tabindex-Attribut, und dann ruft div.focus(), es hat funktioniert! Danke!
    InformationsquelleAutor dhasenan
  2. -2

    Browser in der Regel über dieses Verhalten built-in,

    In Reihenfolge zu benutzen Sie die Pfeiltasten, um nach unten zu Blättern Ihr div -, müssen Sie ein element im Fokus.

    Lookup http://api.jquery.com/focus/

    • Auch nach einer .focus() auf ein form-element innerhalb eines div, Google Chrome erkennt nicht die div als target der Pfeil-Taste Blättern Sie Tastenanschläge.
    InformationsquelleAutor Luc Laverdure
Schreibe einen Kommentar