0

我正在开发一个移动网站，我遇到了一些我真的不知道如何解决的问题

我添加了一个滑动菜单（如 facebook 的菜单），但问题是我的菜单比我的页面长，当我向下滚动时，我仍然得到菜单但没有定义背景颜色

当我在桌面导航器（chrome）上对其进行测试时，它可以正常工作，但是我调整了窗口大小并使其更小，它会调用相同的错误

对不起，我的英语不好，谢谢你的帮助^^

html:

<div data-role="page" id="contactF" class="pages" data-add-back-btn="true" data-iconpos="notext">

    <div data-role="panel" id="menu" data-position="left" data-display="push">
        <ul id="menuList" data-role="listview" >
            <h3>Menu</h3>
            <li data-role="list-divider"><h6>r&eacute;seaux sociaux<h6/></li> 
            <li><a href="#" class="contentLink" id="contact_Facebook" data-add-back-btn="true">Facebook </a></li>
            <li><a href="#" class="contentLink" id="contact_Twitter">Twitter </a></li>
            <li><a href="#" class="contentLink" id="contact_Myspace">MySpace </a></li>
        </ul>
    </div>

    <div data-role="header" id ="HeaderC" data-position="fixed">
    <!-- end of header -->

    <div data-role="content">
    </div>
    <!-- /content -->

    <div data-role="footer" data-position="fixed">
    </div>

</div>

js：

$( document ).on("swipeleft swiperight", "#menu", function( e ) {
    if ($.mobile.activePage.jqmData( "panel" ) !== "open") {
      if ( e.type === "swipeleft"  ) {
        $( "#right-panel" ).panel( "open" );
      } else if ( e.type === "swiperight" ) {
        $( "#left-panel" ).panel( "open" );
      }
    }
    else if ($.mobile.activePage.jqmData( "panel" ) == "open"){
      $( "#left-panel" ).panel( "close" );
      $( "#right-panel" ).panel( "close" );
    }
  });
4

0 回答 0