2016-04-18 69 views
0

私はモバイル用のHTMLページで簡単なスクロール可能divを持っています。Safariはスクロール可能なdivコンテンツの斜めスワイプでフリーズします

 <div id="outer"> 
     <div id="inner">scrollable long content....</div> 
     </div> 

     and CSS 
     #outer { 
      background: white none repeat scroll 0 0; 
      height: 300px; 
      left: 0; 
      margin-top: 47px; 
      padding: 0.5rem; 
      position: absolute; 
      top: 0; 
      width:65%; 
      z-index: 1200; 

     } 
     #inner{ 
      position: absolute; 
      top: 0; 
      left: 0; 
      right: 0; 
      bottom: 0px; 
      overflow: auto; 
      -webkit-overflow-scrolling: touch; 
     } 

問題は、
Safariが数秒間フリーズと私は斜めにスクロールすると、トップダウン、右私の携帯電話の画面上に左から言うことです私は私が使用される長いtime.Previouslyために斜めに繰り返し..画面がフリーズをスワイプ続ければjQueryのモバイルは、それを削除し、問題は依然として単純なHTMLでも残っています。 助けてください。
実際、メインページをスクロールせずにスクロール可能なサイドパネルが必要です。あなたはサイドバーを閉じるときに目に見える、あなたがコンテンツのdivに

overflow = 'hidden'; 

を設定して、もう一度それを削除しなければならない場合にのみ、サイドバーがスクロールしている場合

答えて

0

。 モバイルでフリーズする理由はまだありますか?

+0

私が見つけた-webkit-overflow-scroll:touch;問題を作り出していましたが、これを取り除いたとき、対角線のスワイプはサファリをフリーズしませんでした。しかし、今や急速な垂直スクロール(高速上下)で、Safariは数回凍っています。スクロールの滑らかさもそこにありません。 –

関連する問題