当文本超出框大小时,textarea不会滚动

时间:2016-06-30 14:25:43

标签: javascript jquery html css

我正在使用codepen上的消息框。我使用<textarea>来允许在文字输入上滚动框,但这似乎并没有发生。

CodePen:https://codepen.io/gavdraws/pen/dXWpZk

HTML

<div id="container">
 <span class="input message">
    <textarea class="input__field" id="input-5"></textarea>
    <label for="input-5" class="input__label">
      <span class="input__label-content">Message</span>
    </label>
  </span>
</div>

JS

var $input;

function onInputFocus(event) {
  var $target = $(event.target);
  var $parent = $target.parent();
  $parent.addClass('input--filled');
};

function onInputBlur(event) {
  var $target = $(event.target);
  var $parent = $target.parent();

  if (event.target.value.trim() === '') {
    $parent.removeClass('input--filled');
  }
};

$(document).ready(function() {
  $input = $('.input__field');

  // in case there is any value already
  $input.each(function(){
    if ($input.val().trim() !== '') {
      var $parent = $input.parent();
      $parent.addClass('input--filled');
    }
  });

  $input.on('focus', onInputFocus);
  $input.on('blur', onInputBlur);
});

非常感谢您的帮助!

1 个答案:

答案 0 :(得分:3)

您的Private Sub Worksheet_SelectionChange(ByVal Target As Range) If Range("F7").Value = "Abandonnée" Then Columns("G").EntireColumn.Hidden = False Else Columns("G").EntireColumn.Hidden = True End If If Range("F7").Value = "Abandonnée" Then Columns("H:I").EntireColumn.Hidden = True Else Columns("H:I").EntireColumn.Hidden = False End If If Range("F7").Value = "Référé au spécialiste" Then Columns("G").EntireColumn.Hidden = True Else Columns("G").EntireColumn.Hidden = False End If If Range("F7").Value = "Référé au spécialiste" Then Columns("H").EntireColumn.Hidden = False Else Columns("H").EntireColumn.Hidden = True End If If Range("F7").Value = "Référé au spécialiste" Then Columns("I").EntireColumn.Hidden = True Else Columns("I").EntireColumn.Hidden = False End If If Range("F7").Value = "En force" Then Columns("G").EntireColumn.Hidden = True Else Columns("G").EntireColumn.Hidden = False End If If Range("F7").Value = "En attente d'information" Then Columns("G").EntireColumn.Hidden = True Else Columns("G").EntireColumn.Hidden = False End If If Range("F7").Value = "En cours" Then Columns("G").EntireColumn.Hidden = True Else Columns("G").EntireColumn.Hidden = False End If If Range("F7").Value = "Refusé par l'assureur" Then Columns("G").EntireColumn.Hidden = True Else Columns("G").EntireColumn.Hidden = False End If End Sub 位于文本区域前方,因此不会滚动。将<label>添加到您的pointer-events: none; div。

.input__label

CodePen