想要实现一个A和B都具备的效果:A:页面上下滚的时候，滚动到指定的模块，该模块会保持在页面可视区域最顶端，不随滚动条滚动。B：在A效果出现的情况下，父元素左右滚的时候，指定模块的内容也会跟随左右滚动，但是显示内容不会超出父元素范围。A效果的实现不难，sidebar模块在页面滚动到它顶端的时候，会给它设置position:fixed，随着滚动条的滚动，sidebar模块可以始终保持置顶在页面顶端不动，而其他内容继续滚动。发现设置position:fixed后sidebar模块会显示超出父元素main的内容。而且B效果左右滚动的时候，动态设置sidebar模块right的距离，可以实现内容滚动，但是可视内容并不能被父元素限制。应该是sidebar模块脱离文档流以body为定位了。但是又想要实现A&B都具备，请问有什么好的实现方法思路？
1 回答
- 1 回答
- 0 关注
- 1680 浏览
添加回答
举报
0/150
提交
取消