Боковая панель Intel XDK прокручивается, только если она достаточно длинна при инициализации

Question

Я использую приложение для мобильных устройств и думаю, что нашел ошибку в отношении полосы прокрутки. Если боковая панель достаточно длинная для прокрутки при инициализации, я могу прокручивать ее после вращения. Однако, если приложение запускается в портретном режиме (не требуется прокрутка), а затем я поворачиваюсь на пейзаж, тогда нет полосы прокрутки. Ниже приведен соответствующий код. Прямо сейчас у меня есть куча «привет», так что полоса прокрутки всегда там. Как заставить его прокручивать без них?

<div class="inner-element uib_w_21 uib_sidebar rightbar bar-bg" data-uib="layout/right_sidebar" data-ver="0" data-anim="{'style':'overlap', 'v':200, 'side':'right'}" id="rightPanel"> 
    <div class="sidebar-content"> 

     <div class="grid grid-pad urow uib_row_12 row-height-12" data-uib="layout/row" data-ver="0"> 
      <div class="col uib_col_13 col-0_12-12" data-uib="layout/col" data-ver="0"> 
       <div class="widget-container content-area vertical-col"> 

        <div class="widget uib_w_22 d-margins" data-uib="media/text" data-ver="0"> 
         <div class="widget-container left-receptacle"></div> 
         <div class="widget-container right-receptacle"></div> 
         <div> 
          <p>Settings:</p> 
         </div> 
        </div><span class="uib_shim"></span> 
       </div> 
      </div> 
      <span class="uib_shim"></span> 
     </div> 

     <div class="grid grid-pad urow uib_row_13 row-height-13" data-uib="layout/row" data-ver="0"> 
      <div class="col uib_col_14 col-0_12-12" data-uib="layout/col" data-ver="0"> 
       <div class="widget-container content-area vertical-col"> 

        <div class="widget uib_w_23 d-margins" data-uib="media/text" data-ver="0"> 
         <div class="widget-container left-receptacle"></div> 
         <div class="widget-container right-receptacle"></div> 
         <div id=rightpanel_container style="overflow-y:scroll"> 
          <p> hello there! hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!hello there!</p> 
          <div> 
           <div class="widget-container content-area vertical-col"> 
            <label for="startdate">Start Date:</label> 
            <input type="date" name="startdate" id="startdate" value="2014-02-01" class="jq-ui-forms"> 
            <span class="uib_shim"></span> 
           </div> 
           <div class="widget-container content-area vertical-col"> 
            <label for="enddate">End Date:</label> 
            <input type="date" name="enddate" id="enddate" value="2014-03-01" class="jq-ui-forms"> 
            <span class="uib_shim"></span> 
           </div> 
          </div> 
          <div class="widget-container content-area vertical-col"> 
           <div id="fieldOptions"> 
            Field Options Go here 
           </div> 
          </div> 
          <div class="widget-container content-area vertical-col"> 
           <a class="button widget uib_w_26 d-margins icon error" data-uib="app_framework/button" data-ver="0" id="removeFavorite-button">Remove Stock from Favorites</a> 
           <a class="button widget uib_w_27 d-margins icon add" data-uib="app_framework/button" data-ver="0" id="addFavorite-button">Add Stock to Favorites</a> 
           <a class="button widget uib_w_18 d-margins icon check" data-uib="app_framework/button" data-ver="0" id="settings-done-button">Done</a> 
          </div> 
         </div> 
        </div><span class="uib_shim"></span> 
       </div> 
      </div> 
      <span class="uib_shim"></span> 
     </div> 
    </div> 
</div> 

Answer 1

Похоже, что это ограничение относится только к проектам App Framework. Кажется, что он работает правильно, если выбран один из других интерфейсов пользовательского интерфейса.

Я подал ошибку, и мы увидим, как она будет исправлена.

Answer 2

Try повторного включения родного скроллинг (это не может быть идеальным решением для всех устройств):

af.feat.nativeTouchScroll = true; 

Подробнее: http://app-framework-software.intel.com/documentation.php#afui/afui_scrolling