scrollabe jqmポップアップが機能しません

Question

私はjQuery Mobileプロジェクトを開発していますが、ポップアップで拡張可能なポップアップを持っていますが、ポップアップでテキストを拡大するとスクロールしません。 私はoverflow: scrollと他のすべてのオプションをオーバーフローでチェックしましたが、うまくいきませんでした。しかし、私はテキストを表示すると、ポップアップの右側にバーが表示されますが、スクロールは表示されません。

これは私がしようとしただけでなく

$("#buttonTest").click(function() { 
    $('#Popup').css('overflow', 'scroll');   
    $('#Popup').popup('open'); 
}); 

を動作しませんでした最後のコードがあり、これは私がポップアップし、スタイリングを作成することによって、あなたのユースケースを複製しようとした

<div data-role="popup" id="Popup" data-transition="flow"> 
    <div class="newsCards"> 
     <img src="images/back.svg"> 
     <h4> header</h4> 
     <div class="newsFader"> 
      <!-- extended text which is hidden at first --> 
     </div> 
    </div> 
</div> 

Answer 1

ポップアップそのものでありますテストをスクロール可能にする理想的な方法は、CSSのみを使用することです。 これは、私がテキストコンテナのために取ったスクロール可能なnewsFaderクラスです。コンテナのサイズは、その内容に適応するためにそれを強制的に定義されていませんでしたbeacuse

<style type="text/css"> 
    .newsFader { 
     width: 80%; 
     height: 50px; 
     overflow: scroll; 
     margin-left: auto; 
     margin-right: auto; 
    } 
</style> 

たぶん、テキストがスクロールされませんでした。とにかく、これは私が試したし、正しくスクロールポップアップコードです：

<div data-role="popup" id="Popup" data-transition="flow"> 
    <div class="newsCards"> 
     <img src=""> 
     <h4> header</h4> 
     <div class="newsFader"> 
      <!-- extended text which is hidden at first --> 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu 
      fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa 
      qui officia deserunt mollit anim id est laborum. 
     </div> 
    </div> 
</div> 

私はコーディングハッピー、それはあなたを助け願っています！