垂直安排在智能手机浏览器divs与滚动中心div

我想安排一组divs在彼此顶部。顶部div必须是左上角的静态位置（宽度= 100％），并且不受中央div所具有的垂直滚动的影响。我工作有点像我想要的，除了容器div也有一个我不想要的垂直滚动。现在我有两个重叠的垂直滚动条，一个用于容器div，另一个用于中心。如果这可以帮助我安排div，我还会在页面上使用JQuery mobile。垂直安排在智能手机浏览器divs与滚动中心div

如何让我的中心div（id = scroll）是唯一可滚动的div，并且在没有滚动条的固定位置（没有垂直滚动条的重叠）的情况下将我的顶部div（id = fixed）通过页面滚动？

<div id="conatainer" style="overflow: hidden; height: 100%"> 


    <div id="fixed" style="position: static; top: 0%; overflow: hidden; height: 50%"> 

     <div id="map_canvas" style="width:100%; height: 85% ;min-height: 180px"> 

     ... 

    </div> 


    <div id="scroll" style="position: absolute; overflow: auto; overflow-x: hidden; height: 50%"> 

    ... 

    </div> 

</div>

来源

2013-03-19 Chris

你为什么不让jQuery Mobile为你做？ – Gajotres 2013-03-19 08:56:40

如果我知道如何做到这一点，我不会发布这个问题。感谢提示;）。 – Chris 2013-03-19 09:03:56

这是一个固定的标题和内容的滚动标准jQuery Mobile模板：http://jsfiddle.net/Gajotres/yWTG2/

<div data-role="page" id="index"> 
    <div data-theme="a" data-role="header" data-position="fixed"> 
     <h3> 
      First Page 
     </h3> 
     <a href="#second" class="ui-btn-right">Next</a> 
    </div> 

    <div data-role="content"> 

    </div> 

    <div data-theme="a" data-role="footer" data-position="fixed"> 

    </div> 
</div>

而这里的工作的例子：http://jsfiddle.net/Gajotres/Rf7NA/

头球被固定它需要data-position="fixed"属性。

而且万一你WANT只使用一个布局，而不是jQuery Mobile造型来看看这个ARTICLE或发现它HERE：搜索章节：。

来源

2013-03-19 09:11:10 Gajotres

我使用的是使用jQuery手机的xhtml（Primeface Mobile 0.9.3）。如何添加非标准的“数据角色”和“数据位置”属性？ – Chris 2013-03-19 09:26:25

在这种情况下，什么是非标准的“数据角色”和“数据位置”属性？ – Gajotres 2013-03-19 09:29:57

也许只有我的编辑器不能识别这些属性，才会添加它们，看看会发生什么。 – Chris 2013-03-19 09:38:06

垂直安排在智能手机浏览器divs与滚动中心div

回答

相关问题