垂直安排在智能手機瀏覽器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

回答

相關問題