使用jQuery修复滚动行为

时间:2010-09-02 16:07:31

标签: jquery scroll

所以我有一个分为2列的页面。左栏有可扩展的表单,这些表单很长,可以询问用户可选的产品首选项。在页面的右侧有一个更短的“联系方式”表单。联系方式表格是强制性的。

行为理念是,当用户向下滚动以完成左列可选表单时,页面将仅滚动左列 - 右列中显示的联系人详细信息表单保持不变以避免大空白右栏是空的。

使用mootools的实时网站示例:https://w3-markup.com/order - 在向上和向下滚动时查看订单摘要框。

有关如何在jQuery中执行此操作的任何建议/建议?

谢谢!

1 个答案:

答案 0 :(得分:1)

您正在寻找的“效果”可以通过一些简单的CSS来实现。使用position: fixed,可以在用户向下滚动页面时使元素保持原位。然后,您可以使用toprightbottomleft相对于视口定位元素。像

这样的东西
#contact {
  postion: fixed;
}

会的。