想要實現一個A和B都具備的效果:A:頁面上下滾的時候，滾動到指定的模塊，該模塊會保持在頁面可視區域最頂端，不隨滾動條滾動。B：在A效果出現的情況下，父元素左右滾的時候，指定模塊的內容也會跟隨左右滾動，但是顯示內容不會超出父元素范圍。A效果的實現不難，sidebar模塊在頁面滾動到它頂端的時候，會給它設置position:fixed，隨著滾動條的滾動，sidebar模塊可以始終保持置頂在頁面頂端不動，而其他內容繼續滾動。發現設置position:fixed后sidebar模塊會顯示超出父元素main的內容。而且B效果左右滾動的時候，動態設置sidebar模塊right的距離，可以實現內容滾動，但是可視內容并不能被父元素限制。應該是sidebar模塊脫離文檔流以body為定位了。但是又想要實現A&B都具備，請問有什么好的實現方法思路？