5
Ich habe eine HTML-Seite um http://codepen.io/liang179/pen/WQvERK enthalten ein Tag mit einem großen Datenverteiler zugeordnet. Es hat in Chrom einen Überlauf. Es gibt immer noch Daten aus dem Bildschirm. Aber es ist in Firefox mit Bildlaufleiste in Ordnung. Was kann ich tun, um es in Chrome mit Bildlaufleiste wie in Firefox anzuzeigen. Unten ist der Code. Überlauf von HTML5 Tag mit Datenverteiler in Chrom
$('#trigger').click(function(){
\t \t $class = "animated infinite " + $('#type').val();
\t \t $('#target').removeClass().addClass($class);
});<div style="text-align: center;">
\t <div id='target' style="margin: 200px auto; width: 200px; height:200px; background-color:#663399"></div>
\t <div>
\t \t <input id="type" list="classes">
\t \t <datalist id="classes">
\t \t \t <option value="bounce">
\t \t \t <option value="flash">
\t \t \t <option value="pulse">
\t \t \t <option value="rubberBand">
\t \t \t <option value="shake">
\t \t \t <option value="swing">
\t \t \t <option value="tada">
\t \t \t <option value="wobble">
\t \t \t <option value="jello">
\t \t \t <option value="bounceIn">
\t \t \t <option value="bounceInDown">
\t \t \t <option value="bounceInLeft">
\t \t \t <option value="bounceInRight">
\t \t \t <option value="bounceInUp">
\t \t \t <option value="bounceOut">
\t \t \t <option value="bounceOutDown">
\t \t \t <option value="bounceOutLeft">
\t \t \t <option value="bounceOutRight">
\t \t \t <option value="bounceOutUp">
\t \t \t <option value="fadeIn">
\t \t \t <option value="fadeInDown">
\t \t \t <option value="fadeInDownBig">
\t \t \t <option value="fadeInLeft">
\t \t \t <option value="fadeInLeftBig">
\t \t \t <option value="fadeInRight">
\t \t \t <option value="fadeInRightBig">
\t \t \t <option value="fadeInUp">
\t \t \t <option value="fadeInUpBig">
\t \t \t <option value="fadeOut">
\t \t \t <option value="fadeOutDown">
\t \t \t <option value="fadeOutDownBig">
\t \t \t <option value="fadeOutLeft">
\t \t \t <option value="fadeOutLeftBig">
\t \t \t <option value="fadeOutRight">
\t \t \t <option value="fadeOutRightBig">
\t \t \t <option value="fadeOutUp">
\t \t \t <option value="fadeOutUpBig">
\t \t \t <option value="flipInX">
\t \t \t <option value="flipInY">
\t \t \t <option value="flipOutX">
\t \t \t <option value="flipOutY">
\t \t \t <option value="lightSpeedIn">
\t \t \t <option value="lightSpeedOut">
\t \t \t <option value="rotateIn">
\t \t \t <option value="rotateInDownLeft">
\t \t \t <option value="rotateInDownRight">
\t \t \t <option value="rotateInUpLeft">
\t \t \t <option value="rotateInUpRight">
\t \t \t <option value="rotateOut">
\t \t \t <option value="rotateOutDownLeft">
\t \t \t <option value="rotateOutDownRight">
\t \t \t <option value="rotateOutUpLeft">
\t \t \t <option value="rotateOutUpRight">
\t \t \t <option value="hinge">
\t \t \t <option value="rollIn">
\t \t \t <option value="rollOut">
\t \t \t <option value="zoomIn">
\t \t \t <option value="zoomInDown">
\t \t \t <option value="zoomInLeft">
\t \t \t <option value="zoomInRight">
\t \t \t <option value="zoomInUp">
\t \t \t <option value="zoomOut">
\t \t \t <option value="zoomOutDown">
\t \t \t <option value="zoomOutLeft">
\t \t \t <option value="zoomOutRight">
\t \t \t <option value="zoomOutUp">
\t \t \t <option value="slideInDown">
\t \t \t <option value="slideInLeft">
\t \t \t <option value="slideInRight">
\t \t \t <option value="slideInUp">
\t \t \t <option value="slideOutDown">
\t \t \t <option value="slideOutLeft">
\t \t \t <option value="slideOutRight">
\t \t \t <option value="slideOutUp">
\t \t </datalist>
\t \t <button id="trigger">Trigger</button>
\t </div>
</div>
<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
Ich bin auch mit diesem Problem konfrontiert. Ich brauche eine Bildlaufleiste für HTML5-Dateneingabe. – ahmadalibaloch
Die Unterstützung von Chrome's Datenträgern ist Mist. Es rendert nur die Liste direkt von Ihrem Bildschirm ohne Bereitstellung einer Bildlaufleiste. Wenn die Liste zu lang ist, stürzt Desktop Window Manager unter Windows ab. Es lieferte nur Ergebnisse, die mit dem Text beginnen und nicht den Text enthalten, der eingegeben wurde. Es ist für mich völlig unbrauchbar. Mozillas Verhalten ist genau das, was jeder vernünftige Mensch erwarten würde. Es gibt mehrere Fehlerberichte für diese Probleme, aber halten Sie nicht den Atem an. –