2014-03-03 19 views
1

我目前正在開發一個新項目,並且我已經花費了過去幾天嘲笑HTML,CSS和Java以使佈局工作。側邊欄在初始切換後停止在Android Chrome上顯示

我已經完成了一切,它在任何桌面瀏覽器,平板電腦瀏覽器和除1個移動瀏覽器之外都很棒,即在Android上使用Chrome。

會發生什麼事是我最初移動我的邊欄離開固定位置的網站,然後-280px(酒吧寬度)。然後,在點擊菜單時,它將左側定位動畫爲0,使得欄杆出現在屏幕上,並且當前內容的左側邊緣使其看起來好像被側欄推倒。

我第一次使用Chrome瀏覽器在Android上點擊它,一切都很完美,看起來很棒,但是一旦我關閉並打開它,側邊欄的所有內容都消失了。

下面是我用移動它的JavaScript(我敢肯定,它可以做很多簡單,但即時通訊沒有JS嚮導。)

$('#list').click(function() { 
    var toggleLeft = $("#left_bar").css('left') == "-280px" ? "0px" : "-280px"; 
    var toggleWidth = $("#left_bar").css('left') == "-280px" ? "280px" : "0px"; 
    $('#left_bar').animate({ left: toggleLeft }).toggleClass('active'); 
    $('#right_bar').animate({ marginLeft: toggleWidth }).toggleClass('noscroll'); 
    $('#overlay').toggle(); 
}); 

在這裏可以看到整個佈局:www.dosh.dk/pread/

回答

1

我有類似的問題。 (而不是調整「左」的財產,我調整「緣左」 ......我不記得爲什麼。)

我的問題是,你有一個例外描述:它只會發生在當一個原生android應用程序中的WebView。它在Android上的Chrome上運行良好,並在Android默認瀏覽器中正常工作。

的變通辦法是無可否認的東西,以提高在眉毛,但我們已經在處理一些非常奇怪和令人費解。

我有錯誤時,側邊欄開始在保證金左:在非活動狀態0,保證金左:在激活狀態下-100%。 THE FIX:如果我將不活動狀態更改爲margin-left:-1px,則按預期工作。它只需要在非活動狀態下稍微偷看一下,然後就可以了。偷看的部分對我來說是透明的,所以沒什麼大不了的。

Inexplicable bug =>無法解決的問題。