在HTML中拆分頁面滾動行爲

Question

所以我有一個分成2列的頁面。左欄中有可擴展的表單，用於詢問用戶可選的產品偏好時間很長。在頁面的右側有一個更短的「聯繫詳細信息」表單。

聯繫方式的詳細信息是必需的，而所有的左側產品偏好表格是可選的。行爲觀念是，當用戶向下滾動以完成左列可選表單時，頁面將只滾動左列 - 右列中顯示的聯繫人詳細信息表單保持原位。我在執行此操作時遇到問題，但我還沒有找到任何解決方案，或者在線分割列行爲的任何頁面示例。

任何意見/建議？ 謝謝！

Answer 1

您可以將較長（左）列的內容放入容器div中，並使用overflow屬性使該div可獨立滾動。

Here's a sample。

Answer 2

根據佈局的影響，您可以使用css固定定位，以便在頁面向下滾動時，右列保持在同一位置。

Sample.