需要在移動瀏覽器的頁眉頂部顯示廣告。滾動時，標題應保持固定，廣告和內容主體應滾動

Question

我正在使用html5和jquery mobile開發移動瀏覽器應用程序。 我有一個小問題。 我需要在移動瀏覽器的標題（瀏覽器（AD，標題，內容和頁腳））上方顯示廣告。 滾動時，標題應固定在頂部，廣告和內容主體應滾動。

有什么建議嗎？

謝謝

Answer 1

就像是？;

<html>
    <head>
        <style type='text/css'>   
            #uno{
                background-color:yellow;
                position:absolute;
                width:320px;
                height:150px;            
        }
            #dos{
               position:absolute;
               width:320px;
               height:250px; 
               margin-top:50px;
               overflow-y:scroll;
               background-color:blue;            
        }
    </style>
</head>
<body>
    <div id='uno'><p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p></div>

    <div id='dos'> <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p>
    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
    <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p><p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p>
    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
    <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p> <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p>
    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
    <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p> <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p>
    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
    <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p> <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p>
    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
    <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p> <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p>
    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
    <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p> <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p>
    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
    <p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."    </p>  </div>

</body>

Answer 2

謝謝您的支持。 對於那些正在尋找答案的人。 我現在有工作了。 在移動。 它在Android和iPhone上均能很好地運行。

我在這里做的是。 我正在尋找OnScroll的高度10。當高度達到10時，標題（粘性標題）將位於屏幕頂部（例如position：fixed），而頁面到達頂部（0 px）時，廣告將放在頂部，標題將向下移動48px。

window.onscroll=function (){
       if (window.innerHeight > window.innerWidth) {
        var value = $(this).scrollTop();
        if ( value > 10 ) {
                //$("#sticky-header").fixedtoolbar({ visibleOnPageShow: false });
            $("#sticky-header").fixedtoolbar({ tapToggle: false }).css("top","0px");
            $("#ad1").hide();
            }
        else if(value < 10){
            $("#ad1").show();
            $("#ad1").fixedtoolbar({ tapToggle: false }).css("top","0px");
            $("#sticky-header").fixedtoolbar({ tapToggle: false }).css("top","48px");
        }
       }

        if (window.innerWidth > window.innerHeight) {
        $("#sticky-header").fixedtoolbar({ tapToggle: false }).css("top","0px");
        }


    }

謝謝

需要在移動瀏覽器的頁眉頂部顯示廣告。滾動時，標題應保持固定，廣告和內容主體應滾動

問題描述

2 個解決方案

解決方案1
0 2012-08-06 18:58:41

解決方案2
0 已采納 2012-08-08 14:21:21

需要在移動瀏覽器的頁眉頂部顯示廣告。 滾動時，標題應保持固定，廣告和內容主體應滾動

問題描述

2 個解決方案

解決方案1 0 2012-08-06 18:58:41

解決方案2 0 已采納 2012-08-08 14:21:21

需要在移動瀏覽器的頁眉頂部顯示廣告。滾動時，標題應保持固定，廣告和內容主體應滾動

解決方案1
0 2012-08-06 18:58:41

解決方案2
0 已采納 2012-08-08 14:21:21