移動2個互不相同的高度divs在滾動上互相獨立

假設我有2個div用於菜單（左div）和其他（右div）的內容。內容是包含許多列表項目的列表視圖。（當你向下滾動時產生）左邊的菜單也是一個列表視圖，靈活的沒有列表項（可能需要或不需要滾動）我想滾動左邊div而不移動頁面（或者說右邊div應該是' t移動）移動2個互不相同的高度divs在滾動上互相獨立

例如，facbook移動設置 - 點擊顯示一個左側菜單，該滾動頁面時可以滾動該左側菜單。

我希望我已經說清楚了。

我正在使用jquery移動彈出窗口並將其定位到頁面的左側和上方邊緣。將第二個（右側div）向右滑動左側div的寬度。觸摸右div使左div消失並將其滑回（左0px）。

來源

2012-10-11 Pankaj Agarwal

爲什麼不解決左div的高度，並設置overflow:scroll css屬性，使您可以滾動？這不會滾動整個頁面。

編輯其他可供您的選擇是使用

overflow:auto其產生的滾動條時，纔會有一個內容，很好的漁獲研究員＃1的朋友

overflow-y如果要滾動只有垂直方式

overflow-x如果只想滾動水平方式

來源

2012-10-11 13:11:25

你在正確的軌道上，但我建議使用'overflow：auto'代替。這樣，當div中沒有足夠的內容需要滾動時，您將看不到滾動條。 'overflow：scroll'將顯示一個滾動條，不管它是什麼，這可能是醜陋的。事實上，我會做'overflow-y：auto'，所以不會出現水平滾動條的機會。 – sgroves

在手機上，我不認爲它會顯示一個正常的滾動條，它顯示某種微小的滾動條，只有當您滾動時纔會顯示。更精確的「自動」只會在有內容時纔會生成滾動條，滾動條會始終生成一個滾動條（移動時它是一個小小的滾動條形狀） –

可供您評論！ –

移動2個互不相同的高度divs在滾動上互相獨立

回答

相關問題