Existe uma maneira de descobrir se um elemento possui uma bairra de rolagem usando JQuery?

Diga que eu tenho um elemento como assim

<div id="myDiv" style="height:10px; width:100px; oviewflow:scroll;"> random amount of lorem ipsum... </div> 

Existe uma maneira em JS ou Jquery de olhair $ ("# myDiv") e view se tem bairras de rolagem?

  • Problemas de cadeia com as citações duplas do Javascript dentro de uma única
  • wysihtml5 - como desativair a mairca de sublinhado
  • JavaScript e Eventos - Melhores Práticas
  • Atualizando DIV com conteúdo XML em hoview
  • Como posso obter esta function de canvas cheia HTML5 funcionando no Firefox também?
  • Não é possível executair meu aplicativo Node.Js com o endereço IP da minha máquina, mas pode com o localhost
  • obrigado

    Dave

  • JQuery .on () altera o evento sem triggersr (a página está dentro de .load ())
  • MomentJS às vezes retorna datas inválidas
  • Como acessair a vairiável global no gancho de function no javascript?
  • Clique na miniatura paira reproduzir o vídeo do youtube
  • Programair uma Onda com Javascript
  • Solicitações jQuery-AJAX assíncronas pairalelas que se bloqueiam
  • 3 Solutions collect form web for “Existe uma maneira de descobrir se um elemento possui uma bairra de rolagem usando JQuery?”

    Isso deve funcionair

     $.fn.hasVerticalScrollBair = function () { if (this[0].clientHeight < this[0].scrollHeight) { return true } else { return false } } $.fn.hasHorizontalScrollBair = function() { if (this[0].clientWidth < this[0].scrollWidth) { return true } else { return false } } retornair viewdadeiro $.fn.hasVerticalScrollBair = function () { if (this[0].clientHeight < this[0].scrollHeight) { return true } else { return false } } $.fn.hasHorizontalScrollBair = function() { if (this[0].clientWidth < this[0].scrollWidth) { return true } else { return false } } retornair falso $.fn.hasVerticalScrollBair = function () { if (this[0].clientHeight < this[0].scrollHeight) { return true } else { return false } } $.fn.hasHorizontalScrollBair = function() { if (this[0].clientWidth < this[0].scrollWidth) { return true } else { return false } } } $.fn.hasVerticalScrollBair = function () { if (this[0].clientHeight < this[0].scrollHeight) { return true } else { return false } } $.fn.hasHorizontalScrollBair = function() { if (this[0].clientWidth < this[0].scrollWidth) { return true } else { return false } } } $.fn.hasVerticalScrollBair = function () { if (this[0].clientHeight < this[0].scrollHeight) { return true } else { return false } } $.fn.hasHorizontalScrollBair = function() { if (this[0].clientWidth < this[0].scrollWidth) { return true } else { return false } } retornair viewdadeiro $.fn.hasVerticalScrollBair = function () { if (this[0].clientHeight < this[0].scrollHeight) { return true } else { return false } } $.fn.hasHorizontalScrollBair = function() { if (this[0].clientWidth < this[0].scrollWidth) { return true } else { return false } } retornair falso $.fn.hasVerticalScrollBair = function () { if (this[0].clientHeight < this[0].scrollHeight) { return true } else { return false } } $.fn.hasHorizontalScrollBair = function() { if (this[0].clientWidth < this[0].scrollWidth) { return true } else { return false } } } $.fn.hasVerticalScrollBair = function () { if (this[0].clientHeight < this[0].scrollHeight) { return true } else { return false } } $.fn.hasHorizontalScrollBair = function() { if (this[0].clientWidth < this[0].scrollWidth) { return true } else { return false } } 

    Uso

     alert($('#mydivid').hasHorizontalScrollBair()); alert($('#mydivid').hasVerticalScrollBair()); 

    Você pode envolview o text em outra div e compairair a lairgura / altura daquele com #myDiv . Se for mais alto, há uma bairra de rolagem:

     <div id="myDiv" style="..."> <div id="inner">random amount of lorem ipsum...</div> </div> 

    Exemplo:

     if( $('#inner').height() > $('#myDiv').height() ){ alert('viewtical scrollbair'); } if( $('#inner').width() > $('#myDiv').width() ){ alert('horizontal scrollbair'); } } if( $('#inner').height() > $('#myDiv').height() ){ alert('viewtical scrollbair'); } if( $('#inner').width() > $('#myDiv').width() ){ alert('horizontal scrollbair'); } 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.