2016-02-12 63 views
1

我已經創建了一個SPA,它工作正常,但不是它的響應部分。這裏是plunkerhttp://plnkr.co/edit/NPHsIoirRJA1pS7KNopn?p=preview。這裏有兩個問題:響應式網頁滾動條問題

  1. 當使用原始桌面大小時,沒有問題,當嘗試更改大小時滾動條不可用,並且一半的頁面不可見。
  2. 從滑動條中選擇一個選項時,正在顯示所需的頁面,但滑動條不會自動隱藏。 在此先感謝

回答

1
  1. 你有

    .site-container { 
        overflow: hidden; 
    } 
    

在styleSheet1.css線77。它隱藏了滾動條。刪除/評論它,一切都會再次罰款。

  • 在index.html文件,我發現jQuery的部分:

    $('#site-cache').click(function(e) { 
        $('body').removeClass('with--sidebar'); 
    }); 
    
  • 它想關閉左吧,但我沒有找到任何「網站-cache「id在任何地方。所以,編輯,或添加另一部分關閉左欄上的菜單中點擊:

    $('nav.menu a').click(function(e) { 
    $('body').removeClass('with--sidebar'); 
    }); 
    

    它應該工作

    +0

    非常感謝和它的工作! – Pranitha

    +0

    這裏還有一個問題。我在儀表板選項卡中包含了一個表格。但它不能作爲響應。這裏是修改過的plunker:http://plnkr.co/edit/NPHsIoirRJA1pS7KNopn?p=preview。請讓我知道要添加到桌子的樣式。希望你會幫助。 – Pranitha

    +0

    其實表格並沒有真正的響應準備。你現在擁有的是移動設備的最佳選擇。你也可以考慮css縮放:0.7(或其他)。你甚至可以考慮一些像這樣的jQuery插件:https://github.com/filamentgroup/tablesaw – Paradoxetion