Fatal编程技术网

Jquery mobile iScrollview-JQuery移动问题

jquery-mobile

Jquery mobile iScrollview-JQuery移动问题,jquery-mobile,iscroll,Jquery Mobile,Iscroll,我目前正在尝试使用jQuery mobile构建一个Facebook风格的web应用程序。我的主要问题是用户不能同时滚动导航栏和内容。我尝试了许多基于css的解决方案，但是我的普通浏览器显示的一切都是正确的，而我的所有移动设备都拒绝同时显示两个滚动条 所以我尝试用iScrollview实现iScroll。除了我的可滑动菜单栏，它对所有内容都非常有效。我不知道问题出在哪里。一旦添加页面，iScrollview似乎会忽略数据iscroll属性 <body class="ui-mobile-vi

我目前正在尝试使用jQuery mobile构建一个Facebook风格的web应用程序。我的主要问题是用户不能同时滚动导航栏和内容。我尝试了许多基于css的解决方案，但是我的普通浏览器显示的一切都是正确的，而我的所有移动设备都拒绝同时显示两个滚动条

所以我尝试用iScrollview实现iScroll。除了我的可滑动菜单栏，它对所有内容都非常有效。我不知道问题出在哪里。一旦添加页面，iScrollview似乎会忽略数据iscroll属性

<body class="ui-mobile-viewport">
<div id="menu" data-role="content" data-iscroll> <!--Menu-->
  <div id="memberDetails">
    <h3>Username</h3>
  </div>
  <ul>
    <li class="menuDivider" >MENUDIVIDER</li>
    <li class="active"><a href="#home" class="contentLink" data-transition="none"><span class="icon" id="home"></span><span class="text">Home</span></a></li>
    <li><a href="#page1" class="contentLink" data-transition="none" data-prefetch><span class="icon" id="page1"></span><span class="text">Page One</span></a></li>
    <li><a href="#page2" class="contentLink" data-transition="none" data-prefetch><span class="icon" id="page2"></span><span class="text">Page Two</span></a></li>
    <li><a href="#page3" class="contentLink" data-transition="none" data-prefetch><span class="icon" id="page3"></span><span class="text">Page Three</span></a></li>
    <li><a href="#page8" class="contentLink" data-transition="none" data-prefetch><span class="icon" id="page8"></span><span class="text">Page Eight</span></a></li>
    <li class="menuDivider" >MENUDIVIDER</li>
  </ul>
</div>

<!--/Menu--> 

<!--page Home-->

<div data-role="page" class="pages ui-page ui-body-c ui-page-active" id="home" data-url="home" tabindex="0" style="margin-left: 0px; min-height: 882px; ">
  <div data-role="header" class="ui-header ui-bar-a" role="banner"> <a href="#" class="showMenu menuBtn" data-theme="a"><span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true"><span class="ui-btn-text">Menu</span></span></a>
    <h1 class="ui-title" tabindex="0" role="heading" aria-level="1">Home</h1>
  </div>
  <!-- /header -->
  <div id="logo"><img src="files/images/wig_logo.png" alt="wig-logo" width="54" height="25"></div>
  <!-- /logo -->
  <div data-role="content" class="ui-content" role="main">
    <p>Text</p>
  </div>
  <!-- /content --> 
</div>
<!-- /page Home-->
</body>
我使用的是jquery1.8.2、jqm1.2.0。slideeffect基本上是通过将内容的边距设置为菜单的宽度来实现的。如果您需要任何进一步的信息，请告诉我。

fixed header适用于新的iOS 5和6。如果您的用户来自老用户群，那么您必须担心固定导航栏。我也有过类似的问题。看这里，如果你的用户在iOS 4以上，这将对你有所帮助。我没有找到任何解决这个问题的方法，但我至少找到了另一个插件-