使用页面滚动

时间:2016-10-07 21:31:15

标签: javascript jquery html css

enter image description here 这是我试图实现的设计。有两个部分A(棕色)和B(绿色)(一个在另一个下面)。两个都有400px的固定高度和隐藏溢出。两个部分包含10个以上的图像卡(交错视图现在,当用户滚动(页面滚动)时,A部分内容滚动到结束,然后下面的卡片(B部分)向上移动并再次滚动B部分内容。

所以简而言之,如果用户首先滚动第一部分内的内容应该向上移动并到达部分的结尾。然后第二部分应该向上移动到第一部分的前一个位置,并且内部的内容应该向上移动。这应该发生在页面中的每个部分。

注意:不能有两个滚动(即每个部分有一个滚动,整个页面有一个滚动)。滚动应该由一个滚动管理。

感谢您的帮助:)

0 个答案:

没有答案
相关问题