我目前正在開發一個新項目,並且我已經花費了過去幾天嘲笑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/